body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset, img {
    border: 0
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: 400
}

li {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400
}

q:before, q:after {
    content: ''
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input, textarea, select {
    font-family: inherit;
    font-weight: inherit;
    font-size: 100%;
    line-height: 1.2;
    margin: 0
}

legend {
    color: #000
}

a img, img {
    -ms-interpolation-mode: bicubic
}

body {
    font: 12px/1.5 arial, SimSun, helvetica, sans-serif;
    background: #FFF;
    color: #666
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.clearfix {
    zoom: 1
}

.inlblo {
    display: inline-block;
    diplay: inline;
    zoom: 1
}

.text-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

html body {
    background: #fff url(http://s0.hao123img.com/resource/common/img/common-bg-x_0336058.png) repeat-x center 0
}

#doc {
    position: relative;
    zoom: 1
}

body.iframe-index {
    background: 0 0
}

.iframe-index #hd {
    display: none
}

.iframe-index #bd {
    margin-top: 0
}

.iframe-index #ft {
    display: none
}

html, body, p, ul, ol, li, h1, h2, h3, h4, h5, h6, dt, dl, dd {
    border: 0;
    padding: 0;
    margin: 0;
    list-style: none
}

b, u, i, s, em {
    text-decoration: none;
    font-weight: 400;
    font-style: normal
}

img {
    border: 0
}

a {
    text-decoration: none;
    color: #0053A5
}

a:hover {
    text-decoration: underline
}

i.icon u {
    visibility: hidden
}

.hide {
    display: none
}

.unvisible {
    height: 0;
    width: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    line-height: 0
}

.mod-content {
    background: #fff
}

.wrapper:after, .clearfix:after {
    font-size: 0;
    height: 0;
    line-height: 0;
    content: ".";
    display: block;
    visibility: hidden;
    clear: both
}

.wrapper, .clearfix {
    display: block;
    *zoom: 1
}

.page-width {
    width: 960px;
    margin: 0 auto
}

.layer {
    position: absolute;
    display: none
}

#page-header {
    font-family: Arial, sens-serif;
    font-family: Simsun, monospace \9;
    min-height: 120px;
    _zoom: 1
}

#page-header .layer-mask {
    display: none;
    _display: block;
    _position: absolute;
    _top: 0;
    _left: 0;
    _right: 0;
    _z-index: -1;
    _width: 100%;
    _height: 200px
}

#page-header .top-bar {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    border-bottom: solid 2px #EAEAE2;
    background: #fff;
    color: #666
}

#page-header .top-bar .wrapper {
    position: relative;
    z-index: 600
}

#page-header .top-bar .links {
    float: left;
    padding-left: 0;
    position: relative;
    z-index: 700;
    width: auto
}

#page-header .top-bar .links .item {
    float: left;
    text-decoration: none;
    color: #666;
    height: 26px;
    line-height: 26px;
    padding: 3px 6px 1px;
    *padding: 4px 6px 0;
    margin: 0 1px
}

#page-header .top-bar .links a.item:hover {
    position: relative;
    background: 0 0;
    border: 0;
    border-bottom: solid 2px #1BA968;
    margin: 0 1px;
    margin-bottom: -2px;
    color: #1BA968;
    text-decoration: none
}

#page-header .top-bar .links .item.hilight {
    font-weight: 700
}

#page-header .top-bar .links .more {
    width: auto
}

#page-header .more u {
    float: left
}

#page-header .top-bar .links .more.exp u {
    margin-left: 6px
}

#page-header .more i {
    padding-left: 9px;
    background: url(http://s1.hao123img.com/resource/common/img/common-bg-spr_bd53da1.png) -69px -43px;
    margin-left: 1px;
    float: left;
    height: 5px;
    line-height: 5px;
    font-size: 0;
    margin-top: 11px;
    *margin-top: 10px;
    margin-right: 5px
}

#page-header .more.exp i {
}

.ipad #page-header .top-bar .more.exp {
    -moz-box-shadow: #e8e8e8 0 28px 0 0, rgba(0, 0, 0, .3) 0 5px 6px;
    -webkit-box-shadow: #e8e8e8 0 28px 0 0, rgba(0, 0, 0, .3) 0 5px 6px;
    box-shadow: #e8e8e8 0 28px 0 0, rgba(0, 0, 0, .3) 0 5px 6px
}

#page-header .top-bar .user-tools {
    float: right;
    width: auto;
    font-size: 12px;
    line-height: 20px;
    padding: 6px 0 4px
}

#page-header .top-bar .user-tools s {
    margin: 0 6px;
    color: #999;
    float: left;
    font-size: 12px;
    font-family: SIMSUN, "瀹嬩綋"
}

#page-header .top-bar .user-tools a {
    float: left;
    color: #333;
    text-decoration: none
}

#page-header .top-bar .user-tools a.hilight {
    color: #EE3636
}

#page-header .top-bar .user-tools a:hover {
    color: #EE3636;
    text-decoration: underline
}

#page-header .top-bar .item-sethome .icon {
    display: inline-block;
    padding-left: 10px;
    margin-right: 4px;
    background: url(http://s1.hao123img.com/resource/common/img/common-bg-spr_bd53da1.png) -80px -32px
}

#page-header .top-bar .sites-as-type-layer {
    background: #F5F6F7;
    border: #E8E8E8 solid 2px;
    width: 310px;
    right: -260px;
    top: 30px;
    _right: expression((this.parentNode.offsetWidth%2)?-261:-260)
}

.ipad #page-header .top-bar .sites-as-type-layer {
    -moz-box-shadow: rgba(0, 0, 0, .3) 0 5px 6px;
    -webkit-box-shadow: rgba(0, 0, 0, .3) 0 5px 6px;
    box-shadow: rgba(0, 0, 0, .3) 0 5px 6px
}

#page-header .top-bar .sites-as-type-layer b.more.exp {
    background: #FFF;
    border: #E8E8E8 solid 2px;
    border-bottom: 0;
    position: absolute;
    height: 28px;
    line-height: 26px;
    top: -31px;
    padding-bottom: 1px;
    text-align: center;
    left: -2px;
    *top: -30px;
    *padding-bottom: 0
}

#page-header .top-bar .sites-as-type-layer .more-site-type {
    padding: 8px 0 8px 10px;
    line-height: 24px;
    position: relative;
    *position: static
}

#page-header .top-bar .sites-as-type-layer .odd {
    background: #FFF
}

#page-header .top-bar .sites-as-type-layer .even {
    background: #F6F5FA
}

#page-header .top-bar .sites-as-type-layer .more-site-type .type {
    display: block;
    font-size: 14px;
    color: #666;
    padding: 0 1px;
    font-weight: 700
}

#page-header .top-bar .sites-as-type-layer .more-site-type .link-item {
    float: left;
    white-space: nowrap;
    color: #333;
    text-decoration: none;
    margin-right: 1em
}

#page-header .top-bar .sites-as-type-layer .more-site-type .link-item.hilight {
    font-weight: 400;
    color: #EE3636
}

#page-header .top-bar .sites-as-type-layer .more-site-type .link-item:hover {
    text-decoration: underline;
    color: #EE3636
}

.mobile-layer {
    background: #fdfdfd url(http://s2.hao123img.com/resource/common/img/tooltip-spr-gri_e1313ad.png) 0 0 repeat-x;
    border: solid #C6C6C6 1px;
    right: 0;
    width: 198px;
    height: 40px;
    top: 32px;
    line-height: 16px;
    z-index: 600;
    border-radius: 2px;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, .1)
}

.desktop-layer {
    background: #fdfdfd url(http://s2.hao123img.com/resource/common/img/tooltip-spr-gri_e1313ad.png) 0 0 repeat-x;
    border: solid #C6C6C6 1px;
    right: 0;
    height: 22px;
    top: 29px;
    line-height: 22px;
    z-index: 600;
    border-radius: 2px;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, .1);
    padding: 0 6px
}

.mobile-layer s, .desktop-layer s {
    background: url(http://s1.hao123img.com/resource/common/img/common-bg-spr_bd53da1.png) -136px -38px;
    position: absolute;
    width: 13px;
    height: 7px;
    left: 128px;
    top: -7px
}

.desktop-layer s {
    left: auto;
    right: 12px
}

.desktop-layer a {
    color: #666;
    text-decoration: none
}

.desktop-layer a:hover {
    color: #EE3636;
    text-decoration: underline
}

.mobile-layer b {
    background: url(http://s1.hao123img.com/resource/common/img/common-bg-spr_bd53da1.png) -100px -35px;
    position: absolute;
    right: 0;
    top: 0;
    width: 13px;
    height: 13px;
    cursor: pointer
}

.mobile-layer b:hover, .mobile-layer b.hover {
    background-position: -116px -35px
}

.mobile-layer a {
    display: block;
    width: 180px;
    color: #333;
    text-decoration: none;
    padding-top: 5px
}

.mobile-layer a:hover {
    color: #EE3636
}

.mobile-layer a i {
    float: left;
    width: 32px;
    height: 32px;
    background: url(http://s2.hao123img.com/resource/common/img/hao123.32x32_c2253b3.png) 0 0 no-repeat;
    margin: 0 6px
}

.mobile-layer a em {
    display: block;
    font-weight: 700
}

.mobile-layer a u {
    color: #666
}

.mobile-layer a:hover u {
    color: #EE3636
}

#page-header {
    min-width: 960px
}

#page-header #page-tools {
    float: left;
    height: 50px;
    width: 370px;
    height: 82px;
    margin-right: -200px
}

#page-header .logo {
    float: left;
    width: 200px;
    height: 83px;
    position: relative
}

#page-header .logo label {
    color: #D7D7D7;
    font-style: italic;
    font-size: 20px;
    position: absolute;
    z-index: 0;
    width: 170px;
    white-space: nowrap;
    overflow: visible;
    left: 72px;
    top: 12px;
    text-align: center;
    font-family: Calibri, Arial
}

#page-header .logo img {
    display: block;
    width: 125px;
    height: 52px
}

#page-header .logo .logo-link {
    float: left;
    margin: 18px 0 0;
    position: relative
}

#page-header .logo .logo-split {
    float: left;
    width: 0;
    height: 37px;
    border-left: 1px solid #DBDBDB;
    margin: 40px 2px 0
}

#page-header .logo .sublogo {
    width: 79px;
    height: 64px;
    margin: 12px -20px 0 0
}

#page-header .logo .sublogo img {
    width: auto;
    height: auto
}

#page-header .search-box {
    position: relative;
    z-index: 500;
    _display: inline;
    float: right;
    margin-top: 10px;
    width: 390px
}

#page-header .subcate-bar {
    width: 335px;
    padding-top: 43px;
    _padding-top: 46px;
    overflow: hidden;
    float: left
}

#page-header .subcate-bar span {
    float: left;
    display: inline-block;
    padding: 0 14px
}

#page-header .subcate-bar i {
    width: 1px;
    height: 20px;
    _height: 18px;
    float: left;
    overflow: hidden;
    border-left: 1px solid #d6d6d6;
    background: #fff;
    margin-top: 3px;
    _margin-top: 0
}

#page-header .subcate-bar span a {
    font: 18px 'Microsoft YaHei', SimHei, arial;
    color: #666;
    text-decoration: none
}

#page-header .subcate-bar span a:hover {
    color: #009a5b
}

#selected-service {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    font-size: 12px;
    z-index: 3;
    top: 1px;
    left: 1px;
    width: 40px;
    padding: 2px 0 2px 8px;
    *padding: 3px 0 1px 8px;
    height: 26px;
    color: #666;
    line-height: 26px;
    border-right: 1px solid #D2D2D2;
    cursor: pointer
}

#selected-service:hover, #selected-service.hover, #selected-service.exp {
    background: #F2F2F2
}

#page-header .search-box .services {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: #fff;
    border: 1px solid #BDBDBD;
    position: absolute;
    top: 61px;
    left: 0;
    font-size: 14px;
    width: 48px;
    z-index: 100;
    padding: 6px 0
}

#page-header .search-box .services input {
    display: none
}

#page-header .search-box .services i {
    display: block;
    text-align: center;
    font-size: 12px
}

#page-header .search-box .services i label {
    display: block;
    height: 22px;
    line-height: 22px;
    padding: 1px 0;
    cursor: pointer
}

#page-header .search-box .services i.cur {
    color: #05B06A
}

#page-header .search-box .services i:hover {
    background: #F2F2F2
}

#page-header .search-box .fields {
    float: left;
    width: 311px;
    height: 32px;
    position: relative
}

#page-header .search-box .input-box {
    float: left;
    border: 1px solid #BDBDBD;
    background: #fff;
    width: 244px;
    height: 30px;
    line-height: 30px \9;
    padding: 0 8px 0 57px;
    font-size: 12px;
    color: #333;
    position: absolute;
    z-index: 2
}

#page-header .search-box .input-box:focus {
    outline: 0;
    border-color: #07935A
}

#page-header .search-box .search-button {
    color: #fff;
    text-shadow: 1px 1px 1px #777;
    float: left;
    width: 80px;
    height: 32px;
    *padding: 3px 0 0;
    border: 0;
    position: relative;
    background: #05b06a url(http://s1.hao123img.com/resource/common/img/common-bg-spr_bd53da1.png) -50px -92px;
    margin-left: -1px;
    font-size: 14px;
    cursor: pointer
}

#page-header .search-box .search-button:hover {
    background-position: -130px -92px
}

#page-header .search-box .search-button:active {
    background-position: -210px -92px
}

#page-header .crumb-nav {
    line-height: 24px;
    clear: both;
    position: relative;
    font-family: SIMSUN, "瀹嬩綋";
    font-size: 12px;
    z-index: 1;
    top: 0;
    color: #666;
    margin-bottom: -6px
}

#page-header .crumb-nav s {
    margin: 0 .5em
}

#bd, #ft {
    width: 960px;
    margin: 10px auto 0;
    clear: both
}

body #ft {
    padding: 0 0 30px;
    font-size: 12px;
    margin-top: 0;
    padding-top: 13px;
    border-top: #EEE solid 1px;
    clear: both
}

body #ft .ft_link {
    padding-top: 0;
    margin-left: 0;
    text-align: center;
    float: left;
    font-family: SIMSUN, "\5B8B\4F53", monospace
}

body #ft .ft_link a {
    color: #333;
    font-size: 12px
}

body #ft .ft_link a.hilight {
    color: #EE3636
}

body #ft .ft_link a.mobile {
    padding-left: 16px;
    background: url(http://s2.hao123img.com/resource/common/img/index_icon_f713078.png) -440px -550px;
    display: inline-block;
    line-height: 18px
}

body #ft .ft_link a.browser {
    display: inline-block;
    line-height: 18px
}

body #ft .ft_link a.browser i {
    background: url(http://s1.hao123img.com/resource/common/img/common-bg-spr_bd53da1.png) -160px -32px;
    padding: 9px;
    margin-right: 4px;
    display: inline-block;
    float: left;
    vertical-align: top;
    *cursor: pointer;
    *position: relative;
    *top: -1px;
    *vertical-align: middle;
    *line-height: 0;
    *font-size: 0
}

body #ft .ft_link a:hover {
    color: #EE3636
}

body #ft .ft_link b {
    font-family: SIMSUN, "\5B8B\4F53", monospace;
    margin: 0 7px 0 6px;
    color: #999
}

body #ft .copyright {
    text-align: center;
    color: #333;
    font-family: Arial;
    float: right;
    padding-top: 0;
    margin-left: 0
}

body #ft .copyright .beian, body #ft .copyright .feedback {
    color: #737373;
    font-family: Arial, SimSun;
    margin-left: 16px;
    padding: 0 16px 0 0;
    background: url(http://s2.hao123img.com/resource/common/img/index_icon_f713078.png) 101px -131px no-repeat
}

body #ft .copyright .beian:hover, #ft .copyright .feedback:hover {
    color: #333
}

.sug-wrap {
    position: absolute;
    background: #fff;
    border: solid 1px #BDBDBD;
    border-top: 0;
    font-size: 14px;
    line-height: 30px;
    width: 309px;
    left: 0;
    top: 32px;
    _zoom: 1;
    overflow: hidden
}

.sug-wrap iframe {
    position: absolute;
    height: 440px;
    width: 100%;
    z-index: 0
}

.sug-wrap ol {
    _position: relative;
    _z-index: 1
}

.sug-wrap li {
    padding: 0 8px;
    cursor: pointer;
    color: #000;
    _zoom: 1
}

.sug-wrap .sug-query {
    font-weight: 700
}

.sug-wrap .sug-select {
    background: #EBEBEB
}

.empty {
    visibility: hidden
}

.mod-content .content-link li h3 .indext {
    text-indent: 20px
}

.mod-content .content-link li h3 a img {
    width: 16px;
    height: 16px
}

.mod-content .content-link li h3 .indext .img1 {
    position: absolute;
    top: 8px;
    left: 0
}

.mod-content .content-link li h3 .rhot .img2 {
    position: absolute;
    top: 3px;
    margin-left: 2px
}

.mod-content .content-mbo {
    color: #054DA1;
    float: left;
    display: none;
    padding: 0 0 12px;
    width: 800px
}

.mod-content .content-mbo .blue {
    background: url(http://s1.hao123img.com/resource/common/img/h_junshi_68_2cc16f6.png) no-repeat
}

.mod-content .content-mbo .orange {
    background: url(http://s2.hao123img.com/resource/common/img/h_junshi_71_948e54a.png) no-repeat
}

.mod-content .content-mbo li {
    overflow: hidden;
    height: 90px;
    width: 60px;
    float: left;
    margin: 10px 8px 0 0;
    font-size: 13px;
    position: relative;
    padding-right: 12px;
    text-align: center;
    font-family: "瀹嬩綋"
}

.mod-content .content-mbo li span {
    display: block;
    width: 14px;
    height: 13px;
    position: absolute;
    top: 55px;
    top: 54px \0;
    *top: 54px;
    _top: 54px;
    right: 0
}

.mod-content .content-mbo li img {
    width: 48px;
    height: 48px;
    display: block;
    margin: 0 auto;
    padding: 0;
    border: 0;
    margin-bottom: 4px
}

#bd .mod-content-splited {
    border-top: 1px solid #DFDFE0
}

.v4-beta {
    width: 22px;
    height: 14px;
    float: left;
    display: inline;
    background: url(http://s2.hao123img.com/resource/common/img/beta_819e063.png) no-repeat;
    position: relative;
    left: 40px;
    top: 10px
}

.v2-beta {
    width: 22px;
    height: 14px;
    float: left;
    display: inline;
    background: url(http://s2.hao123img.com/resource/common/img/beta_819e063.png) no-repeat;
    position: relative;
    left: 60px;
    top: 15px
}

.m-menu-wrap {
    padding-top: 3px
}

.m-menu {
    border: 1px solid #119209;
    border-bottom: 2px solid #227405;
    height: 34px;
    width: 958px;
    font-size: 14px
}

.m-menu ul {
    border: 1px solid #36b42f;
    border-bottom: 0;
    background: #129e0a url(http://s1.hao123img.com/resource/common/img/repeat_e45fb93.png) repeat-x;
    float: left;
    width: 956px;
    height: 33px
}

.m-menu li {
    float: left;
    background: url(http://s1.hao123img.com/resource/common/img/head_11033f8.png) -138px 12px no-repeat
}

.m-menu .first {
    background: 0
}

.m-menu a {
    color: #FFF;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 34px;
    _position: relative;
    _bottom: -2px;
    display: block;
    padding: 0 25px
}

.m-menu a:hover {
    color: #FFF;
    text-decoration: underline
}

.m-menu li span {
    display: none
}

.m-menu li.new {
    position: relative
}

.m-menu li.new span, span.new i {
    display: block;
    position: absolute;
    top: -10px;
    right: 8px;
    height: 16px;
    width: 16px;
    background: url(http://s1.hao123img.com/resource/common/img/head_11033f8.png) -88px 0 no-repeat;
    z-index: 2
}

.m-menu li.selected {
    background: 0;
    border-left: 1px solid #0c7a07;
    border-right: 1px solid #0c7a07;
    background: #0c8107 url(http://s1.hao123img.com/resource/common/img/repeat_e45fb93.png) 0 -35px repeat-x;
    height: 34px
}

.m-menu li.selected a {
    color: #f2ff8e
}

.m-menu li.selected a:hover {
    color: #f2ff8e;
    text-decoration: underline
}

.m-menu li.nobg {
    background: 0
}

.m-menu li.recommend {
    float: right;
    background: url(http://s1.hao123img.com/resource/common/img/head_11033f8.png) no-repeat
}

.m-menu li.video {
    background-position: -122px -62px
}

.m-notab .m-hd-search {
    margin-top: 35px
}

.m-hd-tab {
    width: 500px;
    height: 30px;
    font: 14px/1.4 Arial;
    margin-top: 11px
}

.m-hd-tab a {
    outline: 0;
    color: #333;
    float: left;
    height: 28px;
    padding-top: 2px;
    text-align: center;
    width: 49px;
    letter-spacing: 1px
}

.m-hd-tab a:hover {
    color: #333
}

.m-hd-tab a.cur {
    background: url(http://s1.hao123img.com/resource/common/img/head_11033f8.png) no-repeat;
    color: #FFF;
    cursor: default;
    font-weight: 700
}

.m-hd-tab a.cur:hover {
    color: #FFF;
    text-decoration: none
}

.m-nomenu {
    border-bottom: 2px solid #32af00;
    background: url(http://s1.hao123img.com/resource/common/img/repeat_e45fb93.png) bottom repeat-x
}

.m-nomenu .m-logo h1 {
    background: url(http://s0.hao123img.com/resource/common/img/logo1_ebbe3b3.jpg) no-repeat
}

.subnav {
    font-family: SIMSUN, "瀹嬩綋", mono-space;
    width: 958px;
    overflow: hidden;
    line-height: 24px;
    padding-bottom: 7px;
    padding-bottom: 5px \9;
    margin: 10px auto;
    border: solid 1px #e1e1e1;
    font-size: 14px;
    padding-top: 10px;
    background: #f9fbfb
}

.subnav .title {
    float: left;
    text-align: center;
    height: 35px;
    width: 105px;
    line-height: 28px;
    overflow: hidden
}

.subnav .wrapper {
    float: left;
    width: 840px
}

.subnav .item {
    float: left;
    height: 28px;
    width: 103px;
    line-height: 28px;
    overflow: hidden
}

.subnav a {
    color: #0053a5;
    font-family: SimSun
}

.subnav a .icon {
    width: 16px;
    height: 16px;
    margin-right: 3px;
    vertical-align: -2px;
    margin-top: 4px
}

.subnav .active {
    display: inline-block;
    width: 82px;
    height: 20px;
    text-align: center;
    line-height: 20px
}

.subnav a:hover {
    color: #EE3636
}

.subnav-7 .item {
    width: 120px
}

.subnav .hilight a {
    color: #EE3636
}

#page-header .navilist {
    border: 1px solid #119209;
    border-bottom: 2px solid #237705;
    margin: 0 auto;
    width: 958px;
    background: url(http://s2.hao123img.com/resource/common/img/base_sprite_e2ef38a.png) repeat-x 0 -436px
}

#page-header .navilist .navis {
    border: 1px solid #36b42f;
    border-bottom: 0;
    width: 956px;
    height: 34px
}

#page-header .navilist .navis .navi {
    float: left;
    position: relative;
    z-index: 0
}

#page-header .navilist .navis .navi.cur {
    z-index: 1
}

#page-header .navilist .navis .navi.cur a {
    margin-top: -1px;
    margin-left: -2px;
    background: url(http://s2.hao123img.com/resource/common/img/base_sprite_e2ef38a.png) repeat-x scroll 0 -382px;
    border: 1px solid #0C7A07;
    border-bottom: 0;
    color: #F2FF8E;
    margin-right: -2px;
    position: relative
}

#page-header .navilist .navis .navi.new span {
    background: url(http://s0.hao123img.com/resource/common/img/sprite1_a098972.gif) no-repeat scroll 0 -45px;
    display: inline;
    height: 16px;
    position: absolute;
    right: 8px;
    top: -10px;
    width: 16px;
    z-index: 2
}

#page-header .navilist .navis .navi i {
    float: left;
    display: inline;
    margin-right: 6px;
    width: 16px;
    height: 16px;
    margin-top: 10px;
    *margin-top: 9px;
    margin-top: 9px \9
}

.navilist .navis .navi a {
    display: inline;
    float: left;
    font-size: 14px;
    font-weight: 700;
    line-height: 34px;
    padding: 0 25px;
    text-decoration: none;
    color: #fff
}

#page-header .navilist .navis .navi a:hover {
    text-decoration: underline
}

.navilist .navis .navi a.banner {
    background: url(http://s2.hao123img.com/resource/common/img/base_sprite_e2ef38a.png) no-repeat scroll -148px -96px
}

.navilist .navis .navi a.banner-r {
    background: url(http://s0.hao123img.com/resource/common/img/navi_banner_9396f16.png) no-repeat scroll right 10px
}

#notice-list-wrapper {
    height: 30px;
    width: 350px
}

.search-box #notice-list {
    font-family: simsun, '瀹嬩綋';
    float: left;
    display: inline;
    padding-left: 20px;
    width: 350px;
    height: 30px;
    overflow: hidden;
    background: url(http://s1.hao123img.com/resource/common/img/notice-icon_4fea8ee.png) no-repeat left 10px
}

.search-box #notice-list .item {
    width: 350px;
    height: 30px;
    display: inline;
    float: left;
    overflow: hidden;
    *height: 29px;
    *padding-top: 1px;
    height: 29px \0;
    padding-top: 1px \0
}

.search-box #notice-list a {
    font-size: 12px;
    color: #333;
    cursor: pointer;
    display: inline;
    float: left;
    line-height: 31px;
    overflow: hidden
}

.search-box #notice-list a.hilight {
    color: #EE3636
}

.search-box #notice-list a:hover {
    color: #EE3636;
    text-decoration: underline
}

#page-header .wrapper .headerfix {
    float: left;
    display: inline;
    font-size: 0;
    height: 83px
}

.with-animation {
    -o-transform: all .5s;
    -moz-transform: all .5s;
    -webkit-transform: all .5s;
    transform: all .5s
}

.appsug {
    border: 1px solid #dfdfe0;
    margin: 10px auto;
    position: relative;
    height: 118px
}

.first-appsug {
    margin-top: -1px
}

.last-appsug {
    margin-bottom: 0
}

.appsug .pages {
    height: 118px;
    width: 780px;
    position: relative;
    margin: 0 auto
}

.appsug .pages .page {
    position: absolute;
    z-index: 10;
    display: none;
    opacity: 0
}

.appsug .pages .cur {
    z-index: 20;
    display: block;
    opacity: 1
}

.appsug .app {
    float: left;
    width: 216px;
    padding: 18px 22px 0
}

.appsug .app .icon {
    width: 64px;
    height: 64px;
    float: left;
    display: inline;
    margin: 2px 10px 0 0
}

.appsug .app .icon img {
    display: block;
    width: 64px;
    height: 64px
}

.appsug .app .text {
    float: left;
    width: 142px
}

.appsug .app .title {
    font-size: 14px;
    line-height: 18px;
    height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-family: SIMSUN, monospace;
    margin-left: -1px;
    width: 143px
}

.appsug .app .title a {
    color: #333
}

.appsug .app .desc {
    margin: 2px 0 8px;
    line-height: 17px;
    height: 34px;
    overflow: hidden
}

.appsug .notags .desc {
    height: 68px
}

.appsug .app .tags {
    width: 160px;
    margin-right: -20px;
    height: 20px
}

.appsug .notags .tags {
    display: none
}

.appsug .tags i {
    display: inline-block;
    height: 17px;
    padding: 2px 7px 1px;
    line-height: 16px;
    background: #F5E49F;
    color: #C09D40;
    margin-right: 6px;
    border-radius: 10px;
    white-space: nowrap;
    background: url(http://s1.hao123img.com/resource/common/img/appsug_d3c93a3.png) 0 -236px \9;
    padding: 0 \9;
    height: 20px \9;
    margin-right: 16px \9
}

:root .appsug .tags i {
    background: #F5E49F \9;
    padding: 2px 7px 1px \9;
    margin-right: 6px \9;
    height: 17px
}

.appsug .tags i b {
    display: block \9;
    padding: 2px 0 1px \9;
    position: relative \9;
    left: 10px \9;
    background: url(http://s1.hao123img.com/resource/common/img/appsug_d3c93a3.png) 100% -236px \9
}

:root .appsug .tags i b {
    display: inline \9;
    position: static \9;
    background-image: none
}

.appsug .tags i s {
    display: block \9;
    position: relative \9;
    left: -4px \9;
    line-height: 16px \9;
    padding-top: 1px \9
}

:root .appsug .tags i s {
    display: inline \9;
    position: static \9
}

.appsug .controller {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.appsug .controller .button {
    position: absolute;
    height: 118px;
    width: 54px;
    top: 0;
    cursor: pointer;
    background: url(http://s1.hao123img.com/resource/common/img/appsug_d3c93a3.png)
}

.appsug .controller .prev {
    left: 0;
    background-position: 0 0
}

.appsug .controller .next {
    right: 0;
    background-position: -54px 0
}

.appsug .controller .prev:hover {
    background-position: 0 -118px
}

.appsug .controller .next:hover {
    background-position: -54px -118px
}

.appsug .controller b.hover {
    background-position-y: -118px
}

.appsug .controller .inactive {
    cursor: default;
    background: 0 0
}

.linked_iframe {
    margin: 10px auto
}

.linked_iframe iframe {
    display: block
}

.linked_iframe .more {
    margin: 10px auto 0;
    text-align: center;
    font-size: 14px;
    font-family: SIMSUN, monospace;
    border: 1px solid #E9E9E9;
    background-color: #F6F6F6;
    padding: 12px 0
}

.tabed-iframe {
    margin: 10px auto
}

.tab .linked_iframe {
    overflow: hidden;
    border: #DFDFE0 solid 1px;
    margin: 0 auto;
    *zoom: 1
}

.tabed-iframe .controller {
    display: block;
    overflow: hidden;
    *zoom: 1;
    margin-bottom: -1px;
    position: relative
}

.tabed-iframe .controller .item {
    float: left;
    height: 28px;
    background: url(http://s0.hao123img.com/resource/common/img/slide-doors_20fb6d9.png) 0 -28px;
    padding: 0 0 0 27px;
    margin-right: 1px;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    -moz-user-select: none;
    user-select: none
}

.tabed-iframe .controller .item i {
    background: url(http://s0.hao123img.com/resource/common/img/slide-doors_20fb6d9.png) 100% -28px;
    float: left;
    height: 24px;
    position: relative;
    left: 1px;
    line-height: 24px;
    padding: 4px 28px 0 0;
    text-decoration: none;
    letter-spacing: 1px;
    cursor: pointer
}

.tabed-iframe .controller .cur {
    background-position: 0 0;
    cursor: default
}

.tabed-iframe .controller .cur i {
    background-position: 100% 0;
    font-weight: 700;
    letter-spacing: 0;
    cursor: default
}

.tab .linked_iframe iframe {
    margin-left: -1px;
    margin-right: -1px;
    margin-bottom: -1px;
    margin-top: -1px
}

body #page-header .top-bar .user-tools .usrname {
    cursor: normal;
    color: #333
}

#page-header .top-bar .user-tools .usrname:hover {
    text-decoration: none
}

body #page-header .top-bar .login-nav {
    display: inline;
    float: left
}

body #page-header .top-bar .logout-nav {
    margin-left: 8px;
    float: left;
    display: none
}

#popup {
    width: 236px;
    height: 150px;
    background: url(http://s1.hao123img.com/resource/common/img/bg_pop_4254b63.png);
    _background: 0;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s1.hao123img.com/resource/common/img/bg_pop_4254b63.png', sizingMethod='crop')
}

#popup .icon-wrp {
    float: left
}

#popup .icon-wrp .icon {
    margin: 53px 20px 53px 33px;
    _margin-right: 17px;
    width: 36px;
    height: 36px;
    background: url(http://s0.hao123img.com/resource/common/img/pop_icon_63f7b25.png)
}

#popup.success .icon {
    background-position: 0 -36px
}

#popup .outer {
    height: 142px;
    width: 88px;
    display: table;
    *position: relative
}

#popup .outer .middle {
    display: table-cell;
    vertical-align: middle;
    *position: absolute;
    *top: 50%;
    *left: 50%;
    *width: 100%
}

#popup .outer .middle .inner {
    display: inline-block;
    *display: inline;
    *position: relative;
    *top: -50%;
    *left: -50%;
    color: #333;
    font-size: 20px;
    line-height: 28px;
    font-family: 'Microsoft YaHei'
}

:root * > #popup {
    background: #fff;
    width: 232px;
    height: auto;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 2px 2px 2px 0 #ccc;
    box-shadow: 2px 2px 2px 0 #ccc
}

.nav-container {
    margin: 0 auto;
    width: 960px;
    overflow: hidden;
    background: url(http://s2.hao123img.com/resource/common/img/base_sprite_e2ef38a.png) repeat-x 0 -437px;
    font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"
}

.nav-container ul {
    overflow: hidden;
    height: 40px
}

.nav-container li {
    float: left;
    font-size: 14px;
    font-family: simsun, "\5B8B\4F53";
    line-height: 20px
}

.nav-container li.nobg a {
    background: 0 0
}

.nav-container li.small {
    float: right;
    margin-top: 9px;
    margin-right: 18px;
    display: inline
}

.nav-container li.small a {
    float: left;
    display: inline;
    white-space: nowrap;
    background: 0 0;
    font-family: Simsun, "\5B8B\4F53";
    font-weight: 400;
    font-size: 13px;
    padding: 0;
    line-height: 20px;
    height: 20px
}

.nav-container li.small a .sd {
    cursor: pointer;
    float: left;
    display: inline;
    padding: 2px 8px 0 0;
    position: relative;
    line-height: 20px;
    height: 20px;
    left: 8px
}

.nav-container li.small a.selected, .nav-container li.small a:hover {
    border: 0;
    margin-right: 0;
    text-decoration: none;
    background: url(http://s2.hao123img.com/resource/common/img/base_sprite_e2ef38a.png) no-repeat 0 -720px
}

.nav-container li.small a.selected .sd, .nav-container li.small a:hover .sd {
    background: url(http://s2.hao123img.com/resource/common/img/base_sprite_e2ef38a.png) no-repeat right -720px
}

.nav-container li a {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: 700;
    color: #FFF;
    padding: 0 25px;
    background: url(http://s2.hao123img.com/resource/common/img/base_sprite_e2ef38a.png) no-repeat -148px -96px
}

.nav-container li a:hover {
    text-decoration: underline;
    color: #FFF
}

.nav-container li a.selected {
    background: #00834E url(http://s2.hao123img.com/resource/common/img/base_sprite_e2ef38a.png) repeat-x 0 -382px;
    border-left: #026E42 solid 1px;
    border-right: #026E42 solid 1px;
    margin-right: -2px;
    position: relative;
    _position: static
}

.nav-container li a.selected:hover {
    color: #FFF
}

#masthead {
    background: 0;
    border: 0
}

#fam-web {
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
    *zoom: 1;
    background-color: #f9fbfa
}

.fam-web-con {
    border: 1px solid #e1e1e1;
    font-size: 14px
}

.fam-web-con a {
    color: #0053a5
}

.fam-web-con a:hover {
    color: red;
    text-decoration: underline
}

.fam-web-con .hd {
    float: left;
    padding: 10px 0 0 30px
}

.fam-web-con .bd {
    overflow: hidden;
    color: #0053a5;
    padding-bottom: 8px
}

.fam-web-con .bd .fam-link {
    float: left;
    padding-left: 3px
}

.fam-web-con .bd .fam-link li {
    float: left;
    padding: 10px 10px 0
}

#fam-web .fam-web-con .rc-tl {
    top: 0
}

#fam-web .fam-web-con .rc-tr {
    top: 0
}

#fam-web .fam-web-con .rc-bl {
    bottom: -1px
}

#fam-web .fam-web-con .rc-br {
    _bottom: -1px
}

.nav-container li {
    position: relative;
    z-index: 0
}

.nav-container li.new span {
    display: block;
    position: absolute;
    top: -10px;
    right: 8px;
    height: 16px;
    width: 16px;
    background: url(http://s1.hao123img.com/resource/common/img/head_11033f8.png) -88px 0 no-repeat;
    z-index: 2
}

.nav-container ul {
    overflow: visible !important
}

.nav-container {
    overflow: visible !important;
    background-color: #009457 !important
}

.nav-container li.cur {
    z-index: 4
}

.nav-container li.recommend {
    float: right;
    padding-left: 0;
    color: #F2FF8E;
    font-size: 14px;
    line-height: 34px;
    height: 34px;
    overflow: hidden
}

.nav-container li.recommend a {
    background-image: none
}

.nav-container li.recommend a.selected {
    background: url(http://s2.hao123img.com/resource/common/img/base_sprite_e2ef38a.png)
}

.nav-container li.recommend span {
    display: block;
    border: 0;
    padding-left: 36px;
    padding-right: 0
}

.nav-container li.game span {
    background: url(http://s1.hao123img.com/resource/common/img/recommend_577b5a6.png) 0 9px no-repeat
}

#bd {
    margin-top: 10px;
    border-top: 1px solid #dfdfe0;
    position: relative
}

.mod-content {
    border: 1px solid #dfdfe0;
    font-size: 14px;
    border-top: 0;
    padding-bottom: 8px
}

.mod-content .content-con {
    padding-top: 8px;
    background: url(http://s0.hao123img.com/resource/common/img/shadow_438f1f3.png) no-repeat 0 0
}

.mod-content .content-con-first {
    background: 0 0
}

.mod-content .content-link {
    color: #054DA1;
    float: left;
    width: 830px;
    overflow: hidden
}

.mod-content .content-link li {
    width: 166px;
    overflow: hidden;
    height: 37px;
    float: left
}

.mod-content .content-link li h3 {
    border-bottom: 1px solid #EFEFEF;
    width: 117px;
    height: 36px;
    line-height: 36px;
    position: relative
}

.mod-content .content-link li h3.last-row {
    border-bottom: 0
}

.mod-content .content-link li h3.noborder {
    border-bottom: 1px solid #dfdfe0
}

.mod-content .content-link li h3 div {
    position: absolute;
    width: 160px
}

.mod-content .content-link li h3 a {
    color: #0053a5;
    position: absolute;
    left: 8px;
    outline: 0
}

.mod-content .content-title {
    padding-left: 14px;
    float: left;
    width: 114px;
    padding-top: 7px;
    font-weight: bolder;
    overflow: hidden
}

.mod-content .content-title .content-title-des {
    color: #999;
    font-family: Arial;
    font-weight: 400
}

#bd .show-content-bg {
    background-color: #f8fafc
}

#bd .mod-content .show-link-bg-lt7 {
    background: url(http://s2.hao123img.com/resource/common/img/base_sprite_e2ef38a.png) no-repeat 0 -489px
}

#bd .mod-content .show-link-bg-gt7 {
    background: url(http://s2.hao123img.com/resource/common/img/base_sprite_e2ef38a.png) no-repeat 0 -535px
}

#bd .mod-content .show-link-bg-lt7 h3, #bd .mod-content .show-link-bg-gt7 h3 {
    border-bottom-color: #f8fafc
}

#bd .mod-content .show-link-bg-lt7 a, #bd .mod-content .show-link-bg-gt7 a {
    color: #FFF;
    font-weight: bolder
}

a:hover {
    color: #f30;
    text-decoration: underline
}

.topborder {
    border-bottom: 1px solid #dfdfe0;
    height: 1px;
    overflow: hidden;
    width: 960px
}

.hilight a {
    color: #F30
}

.map-content {
    border: 1px solid #dfdfe0;
    font-size: 14px;
    border-top: 0;
    background-color: #fafafa
}

.map-content .map-title {
    height: 26px;
    padding-top: 4px;
    font-weight: 700;
    background-color: #f1f1f1;
    text-align: center
}

.map-content .map-container {
    position: relative
}

.map-content .map-body {
    width: 496px;
    height: 415px;
    margin: 5px auto
}

.map-content .map-body area {
}

.edu-content {
    border: 1px solid #dfdfe0;
    font-size: 14px;
    margin-bottom: 10px
}

.edu-content .edu-title {
    height: 26px;
    padding-top: 4px;
    font-weight: 700;
    background-color: #f1f1f1;
    text-align: center
}

.edu-content .edu-container {
    padding: 10px 10px 0
}

.edu-content table {
    width: 100%
}

.edu-content table th {
    background-color: #F5F5F5;
    height: 25px;
    color: #666;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    *height: 20px;
    *padding-top: 5px
}

.edu-content table td {
    height: 32px;
    border: 1px solid #E1E1E1;
    border-bottom: 0;
    border-right: 0;
    font-size: 14px;
    text-align: center;
    color: #333
}

.edu-content table td.first {
    border-left: 0
}

.edu-content table td a {
    margin: 0 20px 0 0
}

.edu-search {
    padding: 10px 30px 15px
}

.edu-search select {
    margin-right: 20px
}

.edu-search .submit {
    border: 0;
    height: 22px;
    width: 53px;
    text-align: center;
    background: url(http://s0.hao123img.com/resource/common/img/extra_sprite_90bea3e.png) 0 -430px no-repeat;
    margin-top: 2px;
    cursor: pointer
}

.star-content-link {
    width: 830px;
    float: left;
    overflow: hidden;
    color: #054DA1
}

.star-content-link li {
    width: 166px;
    height: 58px;
    float: left
}

.star-content-link .star-body {
    border-bottom: 1px solid #EFEFEF;
    padding: 8px;
    width: 102px
}

.star-content-link .star-name {
    height: 20px;
    font-weight: 700
}

.star-content-link .star-name a {
    font-weight: 700
}

.star-content-link .star-link a {
    font-size: 12px
}

.star-content-link .star-link span {
    margin: 0 5px
}

.star-content-link .last-row {
    border: 0
}

.bank-con-content-link {
    width: 814px;
    float: left;
    overflow: hidden;
    color: #054DA1;
    padding: 8px
}

.bank-con-content-link li {
    width: 203px;
    height: 58px;
    float: left
}

.bank-con-content-link .bank-con-body {
    border-bottom: 1px solid #dfdfe0;
    padding: 8px;
    width: 80px
}

.bank-con-content-link .bank-con-name {
    height: 20px;
    font-weight: 700;
    color: #666
}

.bank-con-content-link .bank-con-name a {
    font-weight: 700
}

.bank-con-content-link .bank-con-link a {
    font-size: 12px
}

.bank-con-content-link .bank-con-link span {
    margin: 0 5px
}

.bank-con-content-link .last-row {
    border: 0
}

.lon-content {
    border: 1px solid #dfdfe0;
    font-size: 14px;
    border-top: 0;
    width: 958px
}

.lon-content .lon-row {
    overflow: hidden
}

.lon-content .lon-list {
    float: left;
    width: 190px
}

.lon-content .spec {
    border: 1px solid #dfdfe0;
    border-top: 0;
    border-bottom: 0;
    margin-bottom: -999em;
    padding-bottom: 999em
}

.lon-content .lon-title {
    text-align: center;
    background-color: #f1f1f1;
    height: 25px;
    padding-top: 5px;
    font-weight: 700
}

.lon-content .lon-container {
    padding: 15px 0 0 15px
}

.lon-content .lon-container li {
    height: 29px
}

.lon-content .last-row {
    border-right: 0;
    width: 194px
}

.hot-content {
    border: 1px solid #dfdfe0;
    border-top: 0;
    margin-bottom: 10px;
    height: 30px;
    overflow: hidden;
    width: 958px
}

.hot-content .hot-title {
    width: 70px;
    height: 24px;
    padding: 6px 0 0 13px;
    background-color: #ededed;
    float: left
}

.hot-content .hot-title-back {
    float: left;
    background: url(http://s0.hao123img.com/resource/common/img/extra_sprite_90bea3e.png) -60px 0 no-repeat;
    width: 23px;
    height: 30px
}

.hot-content .hot-title a {
    color: #f30;
    font-size: 14px
}

.hot-content ul {
    float: left;
    margin-left: 5px;
    width: 794px;
    overflow: hidden;
    height: 30px
}

.hot-content li {
    float: left;
    height: 24px;
    padding: 6px 7px 0
}

.hot-content li a {
    color: #333;
    font-size: 14px;
    word-break: keep-all
}

.hot-content li a:hover {
    color: #f30
}

.hot-content .hot-more {
    padding-left: 10px;
    float: left;
    padding: 6px 0 2px;
    font-size: 14px
}

.qq-content {
    border-left: 1px solid #dfdfe0;
    background-color: #fff;
    width: 959px
}

.qq-content .left-con {
    float: left;
    width: 300px;
    height: 96px;
    border: 1px solid #dfdfe0;
    border-top: 0;
    border-left: 0;
    padding: 55px 0 0 25px
}

.qq-content .right-con {
    float: left;
    width: 633px;
    overflow: hidden
}

.qq-content .right-con li {
    width: 195px;
    height: 60px;
    border: 1px solid #dfdfe0;
    border-top: 0;
    border-left: 0;
    float: left;
    padding: 15px 0 0 15px
}

.qq-content .qq-con .qq-icon {
    width: 50px;
    float: left
}

.qq-content .qq-con .qq-icon img {
    border: 0
}

.qq-content .qq-con .qq-con-right {
    float: left
}

.qq-content .qq-con .qq-title {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    height: 25px
}

.qq-content .qq-con .qq-title a {
    color: #333
}

.qq-content .qq-con .qq-title a:hover {
    color: #f30
}

.qq-content .qq-con .qq-link a {
    font-size: 14px
}

.qq-content .qq-con .qq-link span {
    margin: 0 8px;
    color: #0053A5
}

.out-content {
    width: 960px;
    margin: 10px auto 0
}

.out-content-title {
    height: 28px;
    background: url(http://s0.hao123img.com/resource/common/img/extra_sprite_90bea3e.png) 0 -30px repeat-x;
    border: 1px solid #dfdfe0
}

.out-content-title h2 {
    padding: 4px 14px;
    font-size: 14px;
    font-weight: 700
}

.stock-content {
    width: 960px;
    margin: -1px auto 10px;
    color: #333
}

.stock-header {
    overflow: hidden;
    height: 44px
}

.stock-header-left {
    float: left;
    width: 3px;
    height: 44px;
    background: url(http://s0.hao123img.com/resource/common/img/extra_sprite_90bea3e.png) -70px -120px no-repeat
}

.stock-header-mid {
    float: left;
    width: 954px;
    height: 44px;
    background: url(http://s0.hao123img.com/resource/common/img/extra_sprite_90bea3e.png) 0 -350px repeat-x;
    position: relative
}

.stock-header-right {
    float: left;
    width: 3px;
    height: 44px;
    background: url(http://s0.hao123img.com/resource/common/img/extra_sprite_90bea3e.png) -73px -120px no-repeat
}

.stock-header-mid ul {
    position: absolute;
    top: 14px;
    left: 247px
}

.stock-header-mid ul li {
    float: left;
    margin-right: 20px
}

.stock-header-mid ul li b {
    font-weight: 400
}

.stock-header-mid ul li a {
    color: #333
}

.stock-header-mid .z {
    color: red
}

.stock-header-mid .d {
    color: green
}

.stock-header-mid .z span {
    margin-left: 5px;
    padding-left: 13px;
    background: url(http://s0.hao123img.com/resource/common/img/extra_sprite_90bea3e.png) -79px -439px no-repeat
}

.stock-header-mid .d span {
    margin-left: 5px;
    padding-left: 13px;
    background: url(http://s0.hao123img.com/resource/common/img/extra_sprite_90bea3e.png) -79px -499px no-repeat
}

.stock-header-mid .openstate {
    position: absolute;
    top: 12px;
    left: 191px;
    font-size: 14px;
    color: red;
    font-weight: 700
}

#svtm {
    position: absolute;
    top: 14px;
    left: 20px
}

#bigplate_more {
    margin-left: 20px;
    color: #0053A5
}

.stock-search-mid {
    float: left;
    width: 958px;
    border: 1px solid #E3E3E3;
    border-top: 0;
    border-bottom: 0;
    height: 31px;
    background: url(http://s0.hao123img.com/resource/common/img/extra_sprite_90bea3e.png) 0 -394px repeat-x;
    position: relative
}

.stock-search-mid .inner-wrapper {
    position: absolute;
    top: 5px;
    _top: 4px;
    left: 110px
}

#bdswd {
    height: 20px;
    line-height: 20px;
    width: 307px;
    border: 1px solid #7F9DB9
}

#bdSubmit {
    border: 0;
    height: 22px;
    width: 53px;
    text-align: center;
    background: url(http://s0.hao123img.com/resource/common/img/extra_sprite_90bea3e.png) 0 -430px no-repeat;
    cursor: pointer
}

.stock-search-mid .inner-wrapper td {
    padding-left: 5px
}

#custom_button {
    position: absolute;
    bottom: 0;
    _bottom: -1px;
    right: 30px;
    cursor: pointer;
    padding: 2px 5px
}

.stock-search-mid .button-closed {
    background-color: #fff;
    border: 1px solid #DFDFE0
}

.stock-search-mid .button-disabled {
    background-color: #eee;
    border: 1px solid #DFDFE0;
    color: #666
}

.stock-search-mid .button-open {
    background-color: #fff;
    border: 1px solid #7F9DB9;
    border-bottom: 0
}

.suggest_panel {
    left: 641px;
    top: 206px
}

.suggest_panel .list {
    position: relative;
    border: 1px solid #7F9DB9;
    width: 402px;
    background-color: #FFF;
    top: -1px \9;
    left: -1px \9;
    *top: -1px;
    *left: -2px;
    _top: -1px
}

.suggest_panel .list th {
    text-align: left;
    font-weight: 400;
    color: #999;
    border-bottom: solid 1px #D4D4D4;
    line-height: 26px;
    white-space: nowrap;
    padding: 0 0 0 10px
}

.suggest_panel .list th.bt {
    text-align: right;
    padding: 0 10px 0 0
}

.suggest_panel .list tbody td {
    padding: 4px 0 4px 10px;
    font-size: 14px;
    cursor: pointer;
    vertical-align: top
}

.suggest_panel .list tbody td.bt {
    padding-left: 0;
    padding-right: 10px;
    text-align: right
}

.suggest_panel .list .cur {
    background-color: #F5F5F5
}

.suggest_panel .list button {
    border: 0;
    background: url(http://www.hao123.com/images/stock/add-normal.png) no-repeat;
    width: 44px;
    height: 19px;
    cursor: pointer
}

.suggest_panel .list button.disabled {
    background: url(http://www.hao123.com/images/stock/add-disabled.png) no-repeat
}

.suggest_panel .list button.added {
    background: url(http://www.hao123.com/images/stock/add-added.png) no-repeat
}

.suggest_panel .list tfoot {
    text-align: center
}

.suggest_panel .list tfoot td {
    padding-top: 10px
}

.suggest_panel .list tfoot td p {
    border-top: 1px solid #999;
    line-height: 32px;
    color: red
}

.suggest_panel .list em {
    font-style: normal;
    font-weight: 700
}

.stock-content .hide {
    display: none
}

.stock-time {
    line-height: 28px;
    padding-left: 10px;
    font-size: 12px;
    border-left: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
    color: #666
}

.stock .record-wrapper {
    border: solid 1px #E3E3E3;
    background-color: #FFF;
    padding-top: 1px
}

.stock .record {
    width: 100%;
    font-size: 12px
}

.stock .record td {
    text-align: center;
    line-height: 35px
}

.stock .record th {
    line-height: 21px;
    background: url(http://s0.hao123img.com/resource/common/img/extra_sprite_90bea3e.png) 0 -640px repeat-x;
    color: #333;
    font-weight: 400;
    font-size: 12px;
    text-align: center
}

.stock .record .tr2 td {
    background-color: #F3F7F8
}

.stock .record td.first {
    border-left: 0
}

.stock .record th.first {
    border-left: 0
}

.stock .record th.first p {
    border-left: 1px solid #FFF
}

.stock .record th.last p {
    border-right: 1px solid #FFF
}

.stock .record .cancel {
    text-align: left;
    padding-left: 28px;
    width: 40px
}

.stock .record .cancel a {
    background: url(http://s0.hao123img.com/resource/common/img/extra_sprite_90bea3e.png) 0 -669px no-repeat;
    display: block;
    width: 10px;
    height: 11px
}

.stock span.up-simple, .stock span.down-simple {
    margin: 3px
}

.stock span.up-simple {
    color: Red
}

.stock span.down-simple {
    color: green
}

.stock span.up {
    color: Red;
    background: url(/images/stock/up1.gif) right no-repeat;
    padding-right: 12px
}

.stock span.down {
    color: green;
    background: url(/images/stock/down1.gif) right no-repeat;
    padding-right: 12px
}

.bank-content {
    border: 1px solid #dfdfe0;
    font-size: 14px;
    border-top: 0;
    padding: 4px 0 0
}

.bank-content .content-title {
    padding-left: 14px;
    float: left;
    width: 114px;
    padding-top: 7px;
    font-weight: bolder;
    overflow: hidden
}

.bank-content .content-title .content-title-des {
    color: #999;
    font-family: Arial;
    font-weight: 400
}

.bank-content-link {
    width: 830px;
    float: left;
    overflow: hidden
}

.bank-content-link li {
    width: 166px;
    float: left
}

.bank-content-link .bank-icon {
    height: 40px;
    padding-top: 10px
}

.bank-content-link .bank-icon img {
}

.bank-content-link .bank-info {
    text-align: center;
    padding: 2px 0 8px;
    width: 129px
}

.bank-content-link .bank-info span {
    color: #333;
    font-size: 12px;
    font-family: arial
}

.bank-content-link .bank-info a {
    font-size: 12px;
    color: #333
}

.bank-content-link .bank-info a:hover {
    color: #f30
}

.tab-content {
    width: 960px;
    margin: 10px auto;
    color: #333
}

.tab-content .tab-header {
    position: relative;
    width: 960px;
    overflow: hidden
}

.tab-content .tab-header-con {
    border-bottom: 1px solid #DFDFE0;
    float: left;
    cursor: pointer;
    position: relative;
    z-index: 2
}

.tab-content .tab-header-lest {
    border-bottom: 1px solid #DFDFE0;
    width: 960px;
    height: 27px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.tab-content .tab-header-con .con-left {
    float: left;
    width: 2px;
    height: 27px;
    background: url(http://s0.hao123img.com/resource/common/img/extra_sprite_90bea3e.png) -80px -120px no-repeat
}

.tab-content .tab-header-con .con-mid {
    float: left;
    padding: 5px 20px 0;
    height: 22px;
    background: url(http://s0.hao123img.com/resource/common/img/extra_sprite_90bea3e.png) 0 -290px repeat-x;
    font-size: 14px
}

.tab-content .tab-header-con .con-right {
    float: left;
    width: 2px;
    height: 27px;
    background: url(http://s0.hao123img.com/resource/common/img/extra_sprite_90bea3e.png) -82px -120px no-repeat
}

.tab-content .tab-con-selected {
    border-bottom: 1px solid #fff;
    z-index: 2;
    position: relative
}

.tab-content .tab-con-selected .con-left {
    background-position: -80px -150px
}

.tab-content .tab-con-selected .con-mid {
    background-position: 0 -320px;
    font-weight: 700
}

.tab-content .tab-con-selected .con-right {
    background-position: -84px -150px
}

.tab-content .tab-body {
    border: 1px solid #DFDFE0;
    border-top: 0
}

.exam_content {
    padding: 10px 10px 0
}

.exam-month {
    margin-bottom: 10px;
    zoom: 1
}

.exam-month ul {
    float: left
}

.exam-month .more {
    float: right;
    font-size: 14px
}

.exam-month li {
    float: left;
    padding: 0 5px;
    font-size: 14px;
    margin: 0 2px
}

.exam-month li a {
    font-size: 14px
}

.exam-month li.first {
    padding-right: 0
}

.exam-month li.selected {
    background-color: #32AF00
}

.exam-month li.selected a {
    color: #fff;
    font-weight: 700
}

.exam-body table {
    width: 100%
}

.exam-body table th {
    background-color: #F5F5F5;
    height: 25px;
    color: #666;
    font-weight: 700;
    font-size: 12px;
    text-align: center
}

.exam-body table td {
    height: 32px;
    border: 1px solid #E1E1E1;
    border-bottom: 0;
    border-right: 0;
    font-size: 14px;
    padding-left: 15px
}

.exam-body table td.first {
    border-left: 0
}

.exam-body table td a {
    margin: 0 20px 0 0
}

.erji-menu {
    position: relative;
    padding: 10px 10px 25px
}

.erji-menu table {
    width: 100%
}

.erji-menu table td {
    text-align: center
}

.erji-menu .img-con {
    text-align: center
}

.erji-menu .img-div {
    width: 80px;
    height: 80px;
    padding: 4px;
    background: url(http://s0.hao123img.com/resource/common/img/extra_sprite_90bea3e.png) 0 -200px;
    no-repeat;
    margin: 0 auto
}

.erji-menu .img-div img {
    border: 0;
    width: 80px;
    height: 80px
}

.erji-menu .title {
    color: #333;
    font-size: 14px;
    padding: 5px 0 0;
    text-align: center
}

.erji-menu .title a {
    color: #222
}

.erji-menu .more {
    position: absolute;
    right: 40px;
    bottom: 5px;
    _bottom: 32px
}

.erji-menu .more a {
    font-size: 14px
}

.auto-content {
    width: 958px;
    height: 57px;
    background-color: #F5F5F5;
    border: 1px solid #dfdfe0;
    border-top: 0
}

.auto-content li {
    float: left;
    padding: 5px 55px 0 30px
}

.auto-content li img {
    border: 0
}

.mod-content-search {
    width: 960px;
    padding: 10px 0 0
}

.mod-content-search .search-con {
    border: 1px solid #dfdfe0;
    border-bottom: 0;
    padding: 10px 0 0 189px;
    height: 33px;
    padding-top: 13px;
    font-size: 14px;
    color: #333;
    background-color: #FAFAFA
}

.mod-content-search .search-con span {
    vertical-align: middle
}

.mod-content-search .search-con .input {
    height: 24px;
    padding: 2px 0 0 5px;
    border: 1px solid #7F9DB9;
    width: 360px
}

.mod-content-search .search-con .but {
    padding: 3px 5px;
    *padding: 4px 3px 2px
}

.mod-content-search .radio-con {
    border: 1px solid #dfdfe0;
    border-top: 0;
    border-bottom: 0;
    padding: 0 0 0 290px;
    color: #000;
    height: 14px;
    vertical-align: top;
    background-color: #FAFAFA
}

.mod-content-search .radio-con label {
    vertical-align: middle;
    padding-left: 2px
}

.mod-content-search .radio-con input {
    vertical-align: middle
}

.mod-content-search .link-con {
    border: 1px solid #dfdfe0;
    border-top: 0;
    padding: 17px 0 10px 287px;
    font-size: 14px;
    background-color: #FAFAFA
}

.mod-content-search .bottom-con {
    padding-top: 10px;
    border: 1px solid #dfdfe0;
    border-top: 0;
    background-color: #FAFAFA
}

.clear {
    clear: both
}

.mail-content {
    width: 960px;
    padding: 10px 0 0
}

.mail-content form {
    background-color: #FAFAFA;
    border: 1px solid #dfdfe0
}

.mail-content .search-title {
    width: 90px;
    height: 29px;
    padding: 8px 0 0 13px;
    background-color: #ededed;
    float: left;
    color: #333;
    font-weight: 700;
    font-size: 14px
}

.mail-content .search-title-back {
    float: left;
    background: url(http://s0.hao123img.com/resource/common/img/extra_sprite_90bea3e.png) -64px -530px no-repeat;
    width: 23px;
    height: 37px
}

.mail-content .search-con {
    float: left;
    padding: 6px 0 0 40px;
    height: 31px;
    font-size: 14px;
    color: #333
}

.mail-content .search-con .but {
    border: 0;
    height: 22px;
    width: 53px;
    text-align: center;
    background: url(http://s0.hao123img.com/resource/common/img/extra_sprite_90bea3e.png) 0 -430px no-repeat;
    margin-left: 10px;
    cursor: pointer
}

.mail-content .input {
    width: 135px;
    height: 18px
}

.desktop-content {
    width: 960px;
    padding: 10px 0 0
}

.desktop-content form {
    background-color: #FAFAFA;
    border: 1px solid #dfdfe0
}

.desktop-content .search-title {
    width: 140px;
    height: 42px;
    padding: 22px 0 0 13px;
    background-color: #ededed;
    float: left;
    color: #333;
    font-weight: 700;
    font-size: 14px
}

.desktop-content .search-title-back {
    float: left;
    background: url(http://s0.hao123img.com/resource/common/img/extra_sprite_90bea3e.png) -64px -570px no-repeat;
    width: 23px;
    height: 64px
}

.desktop-content .search-con {
    float: left;
    padding: 13px 0 0 40px;
    height: 31px;
    font-size: 14px;
    color: #333
}

.desktop-content .search-con label {
    vertical-align: middle
}

.desktop-content .search-con .but {
    border: 0;
    height: 22px;
    width: 53px;
    text-align: center;
    background: url(http://s0.hao123img.com/resource/common/img/extra_sprite_90bea3e.png) 0 -430px no-repeat;
    margin: 0 0 0 5px;
    cursor: pointer;
    vertical-align: middle
}

.desktop-content .input {
    width: 420px;
    height: 18px;
    vertical-align: middle
}

.desktop-content .radio-con {
    padding-left: 130px
}

.desktop-content .radio-con label {
    vertical-align: middle;
    padding-left: 2px
}

.desktop-content .radio-con input {
    vertical-align: middle
}

.retop {
    background: url(http://s0.hao123img.com/resource/common/img/extra_sprite_90bea3e.png) 0 -120px no-repeat;
    width: 32px;
    height: 75px;
    position: fixed;
    bottom: 65px;
    z-index: 100;
    display: block
}

.retop:hover {
    background-position: -33px -120px
}

* html .retop {
    background: url(http://s0.hao123img.com/resource/common/img/extra_sprite_90bea3e.png) 0 -120px no-repeat;
    width: 32px;
    height: 75px;
    position: absolute;
    bottom: auto;
    top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-135));
    z-index: 100;
    display: block
}

.map-content .map-body {
    position: relative
}

.map-content .map-body .nanhai {
    position: absolute;
    right: -86px;
    bottom: 5px;
    width: 90px;
    height: 120px
}

.tab-tabs-item {
    float: left;
    border-right: 2px solid #fff;
    text-align: center;
    font-size: 0;
    line-height: 0
}

.tab-tabs-item-txt {
    width: 120px;
    line-height: 40px;
    display: block;
    background: #f6f5fa;
    color: #0053a5;
    font-size: 14px;
    cursor: pointer
}

.tab-tabs-item .arrow {
    display: none
}

.tab-tabs-item.current .tab-tabs-item-txt {
    background: #62acd8;
    color: #fffefe;
    font-weight: 700
}

.tab-tabs-item.current .arrow {
    display: block;
    line-height: 0;
    width: 0;
    margin: auto;
    border-width: 7px 4px 0;
    border-color: #62acd8 transparent;
    border-style: solid dashed;
    *display: inline;
    *zoom: 1
}

.tab-contents {
    padding: 5px 10px 4px
}

.tab-contents-item {
    display: none
}

.tab-contents-item.current {
    display: block
}

.tab-contents-item li {
    float: left;
    width: 130px
}

.tab-contents-item li a {
    line-height: 24px;
    color: #333
}

.tab-contents-item li a:hover {
    color: #f30
}

#w_other {
    padding: 10px;
    background: #fff
}

#w_other .tab-contents {
    height: 120px
}

html body {
    background: #f6f5fa
}

body {
    font: 12px/1.5 SimSun, arial, helvetica, sans-serif;
    background: #f6f5fa;
    line-height: 1.5;
    color: #333
}

.block {
    display: block;
    float: left
}

.inblock {
    display: inline;
    float: left
}

.fl {
    float: left
}

.fr {
    float: right
}

.m-nomenu .m-hd-body .m-logo .sub-logo {
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) -13px -18px no-repeat
}

#bd {
    margin-top: 0;
    border: 0;
    position: relative;
    z-index: 1
}

#doc #bd .m-b {
    margin-top: 3px
}

#doc #ft {
    margin-top: 15px
}

#page-header {
    background: 0 0
}

body #ft {
    border-top: 0;
    border-top: 0
}

#page-header .logo {
    width: 200px;
    height: 70px
}

#page-header .search-box {
    float: right;
    margin-top: 10px
}

.search-box #notice-list {
    margin-left: 0
}

.logo-split {
    display: none
}

#page-header .logo .logo-link {
    width: 126px;
    height: 58px
}

#page-header .logo .sublogo {
    width: 68px;
    height: 58px
}

.w-wsite {
    width: 365px;
    float: left
}

.w-wsite .w-province {
    width: 66px;
    height: 76px;
    float: left;
    background: url(http://s2.hao123img.com/resource/tianqi/img/logo-tqn_e3726c0.png) no-repeat -208px -69px;
    text-indent: -1000em;
    margin-left: 5px
}

.w-wsite .w-province {
    _background: url(http://s2.hao123img.com/resource/tianqi/img/logo-tqn_e3726c0.png) no-repeat -204px 14px
}

.w-wsite .w-local-temp {
    float: left;
    padding: 47px 0 0 8px;
    color: #666
}

.w-wsite .w-local-temp label {
    color: #333;
    margin-right: 5px
}

.w-wsite .w-local-temp a {
    color: #666
}

.w-wsite .w-local-temp a:hover {
    color: #f30
}

.w-qsearch {
    width: 390px;
    float: right;
    position: relative
}

.w-qsearch .w-qsearch-txt {
    width: 289px;
    height: 20px;
    line-height: 18px;
    border: 1px solid #bdbdbd;
    font-family: Arial;
    border-right: 0;
    border-right: 0;
    float: left;
    padding: 5px 10px;
    outline: 0
}

.w-qsearch .w-qsearch-btn {
    width: 78px;
    height: 32px;
    background: #05b06a;
    border: 1px solid #07935a;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    float: left;
    color: #fff;
    cursor: pointer
}

.w-qsearch .w-qsearch-list, .w-qsearch .w-qsearch-citylist {
    width: 309px;
    border: 1px solid #bdbdbd;
    position: absolute;
    background: #fff;
    left: 0;
    top: 61px;
    z-index: 99;
    color: #666;
    display: none
}

.w-qsearch .w-qsearch-list a {
    width: 289px;
    padding: 5px 10px;
    float: left;
    color: #666;
    text-decoration: none
}

.w-qsearch .w-qsearch-list a:active {
    background: #f2f2f2
}

.w-qsearch .w-qsearch-list a.selected {
    background: #f2f2f2
}

.w-qsearch .w-qsearch-list a b {
    font-weight: 700;
    color: red
}

.w-qsearch .w-qsearch-citylist {
    width: 386px;
    top: 62px
}

.w-qsearch-citylist .suggest-additions {
}

#selectsionTabs {
    width: 376px;
    height: 22px;
    padding-top: 9px;
    overflow: hidden;
    background: url(http://s2.hao123img.com/resource/tianqi/img/city-select_c9fc8ab.png) repeat-x 0 29px;
    padding-left: 10px
}

#selectsionTabs span {
    vertical-align: top;
    display: inline-block;
    zoom: 1;
    *display: inline;
    background: url(http://s2.hao123img.com/resource/tianqi/img/city-select_c9fc8ab.png) repeat-x 0 -30px;
    padding: 1px 11px;
    margin: 0;
    border-radius: 3px 3px 0 0;
    border: 1px solid #bdbdbd;
    cursor: pointer
}

#selectsionTabs span.active {
    background: #fff;
    border-bottom-color: #fff;
    font-weight: 700
}

#selectsionGroups {
    height: 170px;
    padding-bottom: 10px;
    overflow: auto
}

#selectsionGroups li {
    width: 61px;
    float: left;
    padding: 8px 0 0 12px;
    line-height: 20px
}

#selectsionGroups li a {
    color: #666
}

#selectsionGroups li a:hover {
    color: #0053A5
}

.crumb-nav {
    color: #666;
    padding: 6px 0;
    text-align: left;
    font: 12px/1.5 arial, SimSun, helvetica, sans-serif
}

.crumb-nav s {
    padding: 0 6px 0 8px
}

.crumb-nav a:link, .crumb-nav a:visited, .crumb-nav a {
    color: #0053A5
}

.crumb-nav a:hover {
    color: #f30
}

.m-b {
    margin: 10px auto 0;
    width: 960px;
    *margin: 0 auto
}

.m-b .m-l {
    width: 731px;
    float: left
}

#w-alarm-list {
    display: none
}

.m-l .w-alarm {
    width: 711px;
    float: left;
    border: 1px solid #fbf1ca;
    background: #fffada;
    font-size: 12px;
    padding: 9px;
    margin-bottom: 10px
}

.m-l .w-alarm .w-alarm-title {
    font-weight: 700;
    float: left;
    margin-right: 6px
}

.m-l .w-alarm .w-alarm-fc04 {
    color: #d62d28
}

.m-l .w-alarm .w-alarm-fc03 {
    color: #fe8a00
}

.m-l .w-alarm .w-alarm-fc02 {
    color: #ffcc02
}

.m-l .w-alarm .w-alarm-fc01 {
    color: #3064fa
}

.m-l .w-alarm .w-alarm-con {
    overflow: hidden;
    zoom: 1;
    color: #666
}

.m-l .w-tips {
    clear: both;
    width: 729px;
    height: 23px;
    border: 1px solid #fbf1ca;
    background: #fffada;
    font-size: 12px;
    padding-top: 8px;
    margin: 0 0 10px;
    display: none
}

.m-l .w-tips .w-tips-title {
    font-weight: 700;
    padding: 0 0 0 31px;
    margin: 0 0 0 12px;
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) no-repeat -21px -63px
}

.m-l .w-tips .w-tips-con {
    color: red;
    margin: 0 0 0 8px
}

.m-l .w-tips .w-share {
    float: right;
    display: inline;
    margin: -4px 15px 0 0;
    _margin: -6px 15px 0 0
}

.m-l .w-loading {
    width: 730px;
    height: 515px;
    float: left;
    background: #fff
}

.m-l .w-loading .loading {
    width: 215px;
    height: 50px;
    margin: 227px auto
}

.m-l .w-status {
    width: 730px;
    display: none;
    clear: both
}

.m-l .w-status .weather-pic {
    cursor: pointer;
    background: #fff;
    border-radius: 10px;
    margin-left: 13px;
}

.m-l .w-status .c {
    width: 730px;
    height: 32px;
    background: #1d5487;
    font-size: 14px;
    border-bottom: 1px solid #123c6a;
    z-index: 10
}

.m-l .w-status .c .c-default-t {
    color: #d1d1d1;
    margin: 7px 0 0 20px
}

.m-l .w-status .c .city-default {
    height: 32px
}

.m-l .w-status .c .c-default-c {
    color: #b6dbff;
    margin: 7px 0 0 8px;
    cursor: pointer
}

.m-l .w-status .c .c-change {
    color: #b6dbff;
    margin: 7px 0 0 7px;
    cursor: pointer
}

.m-l .w-status .c .traffic-re {
    color: #d1d1d1;
    margin: 7px 0 0 22px;
    display: none
}

.m-l .w-status .c .air-status {
    float: right;
    display: inline;
    position: relative;
    height: 28px;
    display: none;
    z-index: 20;
    padding-right: 20px
}

.m-l .w-status .c .air-status .air-quality {
    font-size: 14px;
    color: #d1d1d1;
    float: left;
    display: inline;
    margin: 7px 0 0
}

.m-l .w-status .c .air-status .air-pm {
    font-size: 14px;
    color: #d1d1d1;
    float: left;
    display: inline;
    margin: 7px 0 0 22px;
    font-family: Simsun
}

.m-l .w-status .c .air-status .air-quality em {
    margin-left: 6px
}

.m-l .w-status .c .air-status .air-pm em {
    margin-left: 6px;
    font-size: 14px
}

.m-l .w-status .c .air-status.alittlebad .air-quality em {
    color: #ff7e00
}

.m-l .w-status .c .air-status.good .air-quality em {
    color: #00e400
}

.m-l .w-status .c .air-status.notsobad .air-quality em {
    color: #ff0
}

.m-l .w-status .c .air-status.bad .air-quality em {
    color: #fd4545
}

.m-l .w-status .c .air-status.takecare .air-quality em {
    color: #cd337f
}

.m-l .w-status .c .air-status.notforhuman .air-quality em {
    color: #837579
}

.m-l .w-status .c .air-status .details {
    position: absolute;
    z-index: 999;
    width: 278px;
    right: 0;
    top: 25px;
    display: none
}

.m-l .w-status .c .air-status .details .close-tag {
    float: left;
    width: 275px;
    height: 11px;
    _font-size: 0;
    _line-height: 0;
    _oveflow: hidden
}

.m-l .w-status .c .air-status .details .close-tag em {
    cursor: pointer;
    width: 10px;
    height: 10px;
    _font-size: 0;
    _line-height: 0;
    _oveflow: hidden;
    float: right;
    display: inline;
    margin-right: 2px;
    margin-left: 2px;
    margin-top: 1px
}

.m-l .w-status .c .air-status .details .air-details {
    width: 260px;
    float: left;
    display: inline;
    font-size: 12px;
    color: #666;
    margin-left: 10px
}

.m-l .w-status .c .air-status .details .air-details em {
    float: left;
    display: inline;
    padding-top: 1px;
    _padding-top: 2px;
    *padding-top: 3px
}

.m-l .w-status .c .air-status .details .air-tip {
    width: 260px;
    float: left;
    display: inline;
    font-size: 12px;
    color: #666;
    margin-left: 10px
}

.m-l .w-status .c .air-status .details .air-tip em {
    float: left;
    display: inline;
    padding-top: 1px
}

.m-l .w-status .c .air-status .details .air-tip em.tip-c {
    width: 200px;
    color: #333;
    margin-left: 5px
}

.m-l .w-status .c .air-status .details .info-source {
    width: 260px;
    float: left;
    display: inline;
    font-size: 12px;
    color: #666;
    margin-left: 10px
}

.m-l .w-status .c .air-status .details .info-source em {
    float: left;
    display: inline;
    padding-top: 1px
}

.m-l .w-status .c .air-status .details .info-source em.info-time {
    margin-left: 6px
}

.m-l .w-status .c .air-status .details .air-details .air-s {
    width: 60px;
    height: 19px;
    _height: 18px;
    *height: 17px;
    margin-left: 2px;
    margin-right: 10px;
    color: #fff;
    text-align: center;
    background: url(http://s2.hao123img.com/resource/tianqi/img/air-tip_1be2e35.png) no-repeat -2px -142px
}

.m-l .w-status .c .air-status .details .air-details .air-nm {
    font-size: 14px;
    margin-left: 4px;
    margin-top: -2px
}

.m-l .w-status .c .air-status.good .details .air-details .air-s {
    background: url(http://s2.hao123img.com/resource/tianqi/img/air-tip_1be2e35.png) no-repeat -2px -142px
}

.m-l .w-status .c .air-status.good .details .air-details .air-nm {
    color: #22c122;
    font-weight: 700
}

.m-l .w-status .c .air-status.notsobad .details .air-details .air-s {
    background: url(http://s2.hao123img.com/resource/tianqi/img/air-tip_1be2e35.png) no-repeat -70px -142px
}

.m-l .w-status .c .air-status.notsobad .details .air-details .air-nm {
    color: #ffc410;
    font-weight: 700
}

.m-l .w-status .c .air-status.alittlebad .details .air-details .air-s {
    background: url(http://s2.hao123img.com/resource/tianqi/img/air-tip_1be2e35.png) no-repeat -139px -142px
}

.m-l .w-status .c .air-status.alittlebad .details .air-details .air-nm {
    color: #fd9d3e;
    font-weight: 700
}

.m-l .w-status .c .air-status.bad .details .air-details .air-s {
    background: url(http://s2.hao123img.com/resource/tianqi/img/air-tip_1be2e35.png) no-repeat -2px -173px
}

.m-l .w-status .c .air-status.bad .details .air-details .air-nm {
    color: #fd4545;
    font-weight: 700
}

.m-l .w-status .c .air-status.takecare .details .air-details .air-s {
    background: url(http://s2.hao123img.com/resource/tianqi/img/air-tip_1be2e35.png) no-repeat -70px -173px
}

.m-l .w-status .c .air-status.takecare .details .air-details .air-nm {
    color: #99004c;
    font-weight: 700
}

.m-l .w-status .c .air-status.notforhuman .details .air-details .air-s {
    background: url(http://s2.hao123img.com/resource/tianqi/img/air-tip_1be2e35.png) no-repeat -139px -173px
}

.m-l .w-status .c .air-status.notforhuman .details .air-details .air-nm {
    color: #7e0023;
    font-weight: 700
}

.m-l .w-status .c .air-status .details .details-header {
    _font-size: 0;
    _line-height: 0;
    _oveflow: hidden;
    float: left;
    width: 278px;
    height: 12px;
    background: url(http://s2.hao123img.com/resource/tianqi/img/air-tip_1be2e35.png) no-repeat -2px -9px;
    _background: url(http://s0.hao123img.com/resource/tianqi/img/air-tip-ie6_aa43ad9.png) no-repeat 0 0
}

.m-l .w-status .c .air-status .details .details-footer {
    _font-size: 0;
    _line-height: 0;
    _oveflow: hidden;
    float: left;
    width: 278px;
    height: 6px;
    background: url(http://s2.hao123img.com/resource/tianqi/img/air-tip_1be2e35.png) no-repeat -2px -128px;
    _background: url(http://s0.hao123img.com/resource/tianqi/img/air-tip-ie6_aa43ad9.png) no-repeat 0 -115px
}

.m-l .w-status .c .air-status .details .details-c {
    width: 278px;
    overflow: hidden;
    background: url(http://s2.hao123img.com/resource/tianqi/img/air-tip_1be2e35.png) no-repeat -2px -20px;
    _background: url(http://s0.hao123img.com/resource/tianqi/img/air-tip-ie6_aa43ad9.png) no-repeat 0 -11px;
    float: left
}

.m-l .w-status .c .realtime-air {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: right;
    font-family: Simsun;
    color: #b6dbff;
    font-size: 12px;
    margin-top: 8px;
    margin-right: 20px
}

.m-l .w-status .c select {
    height: 22px;
    font-family: Arial;
    font-size: 12px;
    line-height: 21px;
    white-space: nowrap
}

.m-l .w-status .c .prov {
    margin: 5px 0 0 11px;
    width: 79px
}

.m-l .w-status .c .city {
    margin: 5px 12px 0;
    width: 96px
}

.m-l .w-status .c .town {
    margin: 5px 6px 0 0;
    width: 96px
}

.m-l .w-status .c #modify {
    width: 53px;
    height: 22px;
    margin: 5px 0 0;
    border: 0 none;
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) no-repeat -26px -95px;
    cursor: pointer
}

.m-l .w-status .c .c-change-cancel {
    color: #abc9e7;
    margin: 8px 0 0 10px;
    cursor: pointer;
    font-size: 12px
}

.m-l .w-status .w-details {
    width: 730px;
    height: 278px;
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) no-repeat -21px -343px;
    border-top: 1px solid #1c5f9b;
    position: relative;
    z-index: 5
}

.w-status .w-details .w-dateinfo {
    width: 330px;
    height: 36px;
    background: #175c98;
    border-top: 1px solid #14538d;
    position: absolute;
    top: -1px;
    left: 189px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    line-height: 32px;
    color: #fff;
    z-index: 1
}

.w-status .w-details .w-dateinfo a {
    color: #fff
}

.w-status .w-details .w-dateinfo a:hover {
    color: #fff
}

.w-status .w-details .w-dateinfo .w-cor-l {
    width: 3px;
    height: 3px;
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) no-repeat -21px -784px;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0
}

.w-status .w-details .w-dateinfo .w-cor-r {
    width: 3px;
    height: 3px;
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) no-repeat -24px -784px;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0
}

.w-status .w-details .w-pub {
    position: absolute;
    color: #589ad3;
    font: arial, SimSun, helvetica, sans-serif;
    font-size: 12px;
    right: 32px;
    top: 8px
}

.w-status .w-details .w-weather-link {
    cursor: pointer;
    display: inline;
    height: 125px;
    width: 182px;
    text-align: center
}

.w-status .w-details .w-today {
    width: 420px;
    margin-top: 50px
}

.w-status .w-details .w-today-review {
    width: 306px;
    margin-top: 50px;
    position: relative
}

.w-status .w-details .w-today-review .w-live, .w-status .w-details .w-today-review .w-review {
    padding: 0 30px;
    float: left;
    line-height: 24px;
    font-size: 12px;
    color: #d1d1d1;
    position: absolute
}

.w-status .w-details .w-today-review .w-live {
    top: 15px
}

.w-status .w-details .w-today-review .w-review {
    top: 105px
}

.w-status .w-details .w-today-review .w-live dt, .w-status .w-details .w-today-review .w-review dt {
    color: #fff;
    font-weight: 700;
    font-size: 14px
}

.w-status .w-details .w-today-review .w-review dd label {
    font-weight: 700
}

.w-status .w-details .w-today-review .w-live dd {
    width: 120px;
    float: left
}

.w-status .w-details .w-today-review .w-live label {
    float: left
}

.w-status .w-details .w-today-review .w-live label i {
    font-weight: 700
}

.w-status .w-details .w-today-review .w-live span {
    display: block;
    overflow: hidden;
    zoom: 1
}

.w-status .w-details .w-daytime {
    width: 190px;
    text-align: center;
    padding-left: 20px
}

.w-status .w-details .w-moontime {
    width: 208px;
    text-align: center
}

.w-status .w-details .w-today .w-daytime .w-daytime-pic {
    display: inline;
    width: 125px;
    height: 125px;
    cursor: pointer;
    background: #fff;
    border-radius: 20px;
}
}

.w-status .w-details .w-tomorrow .w-daytime .w-daytime-pic {
    display: inline;
    float: right;
    margin-right: 14px;
    width: 125px;
    height: 125px;
    cursor: pointer
}

.w-status .w-details .w-daytime .w-daytime-des {
    color: #fff;
    font-size: 14px;
    text-align: center
}

.w-status .w-details .w-today .w-moontime .w-moontime-pic {
    display: inline;
    width: 125px;
    height: 125px;
    cursor: pointer;
    background: #fff;
    border-radius: 20px;
};
}

.w-status .w-details .w-tomorrow .w-moontime .w-moontime-pic {
    display: inline;
    float: left;
    margin-left: 14px;
    width: 125px;
    height: 125px;
    cursor: pointer
}

.w-status .w-details .w-moontime .w-moontime-des {
    color: #fff;
    font-size: 14px;
    text-align: center
}

.w-status .w-details .w-daytime-des span, .w-status .w-details .w-moontime-des span {
    display: block
}

.w-status .w-details .w-daytime-des .temp, .w-status .w-details .w-moontime-des .temp {
    font-size: 24px
}

.w-status .w-details .w-daytime-des .day-moon, .w-status .w-details .w-moontime-des .day-moon {
    font-size: 14px;
    color: #d1d1d1
}

.w-status .w-details .w-time {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin: 27px 0 16px 118px
}

.w-status .w-details .w-time .w-weahterday {
    margin: 0 11px 0 0
}

.w-status .w-details .w-time .w-date {
    margin: 0 6px 0 0
}

.w-status .w-details .w-des .temp {
    width: 364px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    float: left;
    display: block;
    height: 20px;
    line-height: 20px;
    margin-top: 3px
}

.w-status .w-details .w-des .day-moon {
    margin-top: -1px;
    color: #d1d1d1;
    font-size: 14px;
    text-align: center;
    width: 364px;
    float: left;
    display: block;
    margin-top: 4px
}

.w-status .w-add-t {
    width: 730px;
    height: 32px;
    border-bottom: 1px solid #124e87;
    background: #1d5487;
    font-size: 14px;
    color: #d1d1d1
}

.w-status .w-add-t span {
    margin: 6px 0 0 20px;
    display: inline;
    float: left
}

.w-status .w-add {
    width: 730px;
    height: 160px;
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) no-repeat -21px -623px
}

.w-status .w-add .w-add-item {
    width: 181.5px;
    height: 160px;
    color: #2b82d5;
    background: url(../images/w_bg_daily.jpg) repeat-x;
    border-left: 1px solid #2b82d5;
    border-right: 1px solid #2b82d5;
    border-bottom: 1px solid #2b82d5;
    margin-left:-1px ;
}

.w-status .w-add .w-add-item .w-add-dayinfo {
    margin-top: 8px;
    color: #fff;
}

.w-status .w-add .w-next-th {
    border-left: 0;
    border-left: 0
}

.w-status .w-add .w-next-7day {
    width: 102px;
    border-right: 0;
    border-right: 0
}

.w-status .w-add .w-next-7day p {
    padding: 55px 18px 0
}

.w-status .w-add .w-next-7day p a {
    color: #fff
}

.w-status .w-add .w-next-7day p a:hover {
    color: red
}

.w-status .w-add .w-add-time {
    margin-top: 11px;
    font-size: 14px;
    color: #fff;
    width: 145px
}

.w-status .w-add .w-add-time .w-add-date {
    margin-left: 37px
}

.w-status .w-add .w-add-time .w-add-day {
    margin-left: 8px
}

.w-status .w-add .w-add-pic {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    display: block;
    float: left;
    margin-left: 5px;
}

.w-status .w-add .w-add-dayinfo, .w-status .w-add .w-add-daytemp {
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin-top: -3px;
    zoom: 1;
    clear: both;
}

.w-status .w-add .w-add-daytime {
    text-align: center;
    color: #fff;
    font-size: 12px;
    zoom: 1
}

.w-status .w-add .w-add-moontime {
    text-align: center;
    color: #fff;
    font-size: 12px;
    zoom: 1
}

.m-l .l-exponent {
    margin: 10px 0 0;
    float: left;
    display: inline
}

.m-l .l-exponent .l-exponent-t .l-c-c {
    width: 730px;
    height: 21px;
    background: #e8e7e9;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    padding-top: 7px;
    position: relative
}

.l-exponent .l-exponent-t .l-c-c .l-tab {
    position: absolute;
    padding: 5px 8px;
    display: inline-block;
    border-top: 2px solid #e8e7e9;
    top: -1px;
    color: #666;
    font-size: 12px;
    cursor: pointer
}

.l-exponent .l-exponent-t .l-c-c .l-hot {
    right: 86px
}

.l-exponent .l-exponent-t .l-c-c .l-other {
    right: 22px
}

.l-exponent .l-exponent-t .l-c-c .active {
    border-top-color: #b2acb9;
    background: #fff;
    font-weight: 700
}

.l-exponent .l-exponent-t .l-c-c .l-c-c-t {
    color: #666;
    margin-top: -2px;
    margin-left: 12px;
    font-weight: 700
}

.l-exponent .l-exponent-t .l-c-c .l-track {
    display: inline;
    float: right;
    font-size: 14px;
    margin-right: 8px;
    font-weight: 400;
    color: #0053a5;
    cursor: pointer;
    height: 14px;
    line-height: 14px;
    padding-bottom: 2px;
    _padding-bottom: 0;
    border-bottom: 1px solid #0053a5
}

.m-l .l-exponent .l-exponent-c {
    width: 730px;
    overflow: hidden;
    float: left;
    background: #fff
}

.m-l .l-exponent .l-exponent-c .wrapper {
    width: 732px;
    float: left;
    display: inline;
    overflow: hidden
}

.m-l .l-exponent .l-exponent-c .exponent-data .exponent-last {
    margin-right: 0
}

.l-exponent .l-exponent-c .exponent-data .exponent-details {
    width: 211px;
    height: 89px;
    float: left;
    padding: 20px 16px;
    border-right: 1px solid #f6f5fa;
    border-bottom: 1px solid #f6f5fa;
    margin-bottom: -1px;
    overflow: hidden
}

.l-exponent .l-exponent-c .exponent-data .exponent-details .exponent-title {
    width: 70px;
    float: left;
    margin-right: 10px
}

.l-exponent .l-exponent-c .exponent-data .exponent-details .exponent-t {
    width: 70px;
    height: 18px;
    *height: 17px;
    _height: 16px;
    *padding-top: 1px;
    _padding-top: 2px;
    color: #fff;
    font-size: 12px;
    display: inline;
    float: left;
    text-align: center;
    background: #728ebc;
    overflow: hidden
}

.l-exponent .l-exponent-c .exponent-data .exponent-details .exponent-pic {
    width: 70px;
    height: 70px;
    margin: 1px 0 0;
    display: inline;
    float: left;
    background: #728ebc;
    line-height: 35px;
    font-size: 25px;
    text-align: center;
    color: #fff;
    font-family: 微软雅黑,黑体,隶书;
}

.l-exponent .l-exponent-c .exponent-data .exponent-details .exponent-details-des {
}

.l-exponent .l-exponent-c .exponent-data .exponent-details .exponent-des {
    color: #333;
    font-size: 12px;
    font-weight: 700;
    text-align: left
}

.l-exponent .l-exponent-c .exponent-data .exponent-details .exponent-des.red {
    color: #ce1919
}

.l-exponent .l-exponent-c .exponent-data .exponent-details .exponent-des.green {
    color: #359e07
}

.l-exponent .l-exponent-c .exponent-data .exponent-details .exponent-describe {
    display: block;
    margin-top: 3px;
    line-height: 22px;
    color: #666
}

.l-exponent .l-exponent-c .exponent-data .exponent-details a {
    color: #666;
    text-decoration: none
}

.l-exponent .l-exponent-c .exponent-data .exponent-triangle {
    width: 689px;
    height: 8px;
    font-size: 0
}

.l-exponent .l-exponent-c .exponent-data .exponent-triangle .triangle {
    width: 68px;
    height: 8px;
    float: left;
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) no-repeat -157px -108px
}

.l-exponent .l-exponent-c .exponent-data .exponent-des-details {
    width: 689px;
    _width: 688px;
    padding-top: 3px;
    background: #dfe8f5;
    float: left;
    padding-left: 9px;
    font-size: 12px
}

.l-exponent .l-exponent-c .exponent-view {
    padding: 20px 6px 30px
}

.l-exponent .l-exponent-c .exponent-view ul {
    width: 100%;
    float: left
}

.l-exponent .l-exponent-c .exponent-view li {
    width: 160px;
    float: left;
    padding: 0 10px
}

.l-exponent .l-exponent-c .exponent-view li img {
    width: 160px;
    height: 160px;
    float: left;
    margin-bottom: 10px
}

.l-exponent .l-exponent-c .exponent-view li .exponent-view-title {
    width: 100%;
    text-align: left;
    font-weight: 700;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.l-exponent .l-exponent-c .exponent-view li .exponent-view-info {
    width: 100%;
    text-align: left;
    position: relative;
    color: #999;
    display: block
}

.l-exponent .l-exponent-c .exponent-view li .exponent-view-info i {
    text-align: right;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    padding-left: 10px
}

.m-l .l-exponent .exponent-data-list {
    width: 707px;
    height: 185px;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    padding: 2px 18px 0 3px
}

.m-l .l-exponent .exponent-data-list .list-detail .data-detail {
    width: 127px;
    heighr: 25px;
    margin-left: 14px;
    display: inline;
    margin-top: 10px
}

.exponent-data-list .list-detail .data-detail .data-selector {
    width: 24px;
    height: 25px;
    float: left;
    background: #dce7df;
    margin-right: 1px
}

.exponent-data-list .list-detail .data-detail .data-selector input {
    margin: 6px 0 0 6px;
    _margin: 2px 0 0 2px;
    *margin: 2px 0 0 2px;
    cursor: pointer
}

.exponent-data-list .list-detail .data-detail .data-t {
    width: 96px;
    height: 21px;
    _height: 20px;
    padding: 4px 0 0 6px;
    _padding: 5px 0 0 6px;
    display: inlie;
    float: left;
    background: #eff1f4;
    overflow: hidden
}

.exponent-data-list .exponent-s {
    margin: 13px 0 0;
    float: left
}

.exponent-data-list .exponent-s .exponent-s-tip {
    margin: 5px 0 0 16px;
    font-size: 12px;
    color: #666
}

.exponent-data-list .exponent-s .save {
    margin: 0 0 0 133px;
    width: 53px;
    height: 22px;
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) no-repeat -233px -96px;
    border: 0 none;
    cursor: pointer
}

.exponent-data-list .exponent-s .cancel {
    margin-left: 11px;
    margin-top: 3px;
    font-size: 12px;
    color: #0053a5;
    cursor: pointer
}

.m-l .l-exponent .exponent-data-list .exponent-s .active {
    color: red;
    text-decoration: underline;
    margin-left: 11px;
    margin-top: 3px;
    font-size: 12px;
    cursor: pointer
}

.m-b .m-r {
    width: 220px;
    float: right;
    position: relative
}

.m-b .m-r .m-w-map {
    width: 219px;
    height: 194px;
    float: left;
    background: #fff
}

.m-b .m-r .m-w-map .m-w-map-h {
    width: 219px;
    height: 30px
}

.m-b .m-r .m-w-map .m-w-map-h .m-w-map-l-c {
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) no-repeat scroll -27px -131px transparent;
    height: 30px;
    width: 8px
}

.m-b .m-r .m-w-map .m-w-map-h .m-w-map-r-c {
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) no-repeat scroll -45px -131px transparent;
    height: 30px;
    width: 8px
}

.m-b .m-r .m-w-map .m-w-map-h .m-w-map-h-c {
    width: 203px;
    height: 29px;
    font-size: 14px;
    font-weight: 700;
    border-top: 1px solid #e1e1e1;
    background-repeat: repeat-x
}

.m-b .m-r .m-w-map .m-w-map-h .m-w-map-h-c span {
    margin: 5px 0 0 4px;
    display: inline;
    float: left
}

.m-b .m-r .m-w-map .m-w-map-c {
    width: 213px;
    height: 161px;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    padding: 1px 2px 0
}

.m-b .m-r .m-w-map .m-w-map-c span {
    width: 213px;
    height: 160px;
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) no-repeat -37px -178px;
    display: block;
    cursor: url(http://s1.hao123img.com/resource/tianqi/img/cursor-icon_174902d.png), pointer;
    zoom: 1
}

.m-w-map .m-r-w-map-b {
    font-size: 0
}

.m-w-map .m-r-w-map-b-l {
    width: 3px;
    height: 3px;
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) no-repeat -66px -154px
}

.m-w-map .m-r-w-map-b-c {
    width: 213px;
    height: 2px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 0
}

.m-w-map .m-r-w-map-b-r {
    width: 3px;
    height: 3px;
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) no-repeat -84px -154px
}

.m-b .m-r .city-w-book {
    float: left;
    width: 220px;
    margin: 10px 0 0;
    background: #fff
}

.m-b .m-r .city-w-book .w-book-t {
    width: 218px;
    height: 24px;
    float: left;
    border: 1px solid #cddeee
}

.m-b .m-r .city-w-book .w-book-t .title {
    margin: 2px 0 0 12px;
    font-size: 14px;
    font-weight: 700
}

.m-b .m-r .city-w-book .w-book-t .book {
    float: right;
    margin: 4px 11px 0 0;
    color: #0053a5;
    font-size: 14px;
    cursor: pointer;
    border-bottom: 1px solid #0053a5;
    padding: 0 0 2px;
    _padding: 0;
    height: 14px;
    line-height: 14px
}

.m-b .m-r .city-w-book .city-booked {
    width: 218px;
    border-left: 1px solid #cddeee;
    border-right: 1px solid #cddeee;
    border-bottom: 1px solid #cddeee
}

.m-b .m-r .city-w-book .city-booked .w-city-h {
    float: left;
    border-bottom: 1px solid #CDDEEE;
    width: 218px;
    background-repeat: repeat-x
}

.m-b .m-r .city-w-book .city-booked .w-city-weather {
}

.m-b .m-r .city-w-book .city-booked .cityname {
    float: left;
    width: 218px;
    line-height: 18px;
    background: #EBEFF5;
    text-align: center
}

.m-b .m-r .city-w-book .city-booked .w-city-h .c-name {
    width: 76px;
    height: 18px;
    _height: 17px;
    display: inline;
    float: left;
    border-right: 1px solid #cddeee;
    text-align: center;
    font-size: 12px;
    padding: 1px 0 0;
    _padding: 2px 0 0
}

.m-b .m-r .city-w-book .city-booked .w-city-h .c-wea {
    width: 67px;
    height: 18px;
    _height: 17px;
    display: inline;
    float: left;
    border-right: 1px solid #cddeee;
    text-align: center;
    font-size: 12px;
    padding: 1px 0 0;
    _padding: 2px 0 0
}

.m-b .m-r .city-w-book .city-booked .w-city-h .c-temp {
    width: 73px;
    _width: 70px;
    height: 18px;
    _height: 17px;
    display: inline;
    float: left;
    text-align: center;
    font-size: 12px;
    padding: 1px 0 0;
    _padding: 2px 0 0
}

.m-b .m-r .city-w-book .w-list {
    margin-top: 3px
}

.m-b .m-r .city-w-book .w-list li {
    width: 217px;
    float: left
}

.m-b .m-r .city-w-book .w-list li.bd {
    border-bottom: 1px dashed #d4d4d4
}

.m-b .m-r .city-w-book .w-list li:hover {
    cursor: pointer
}

.m-b .m-r .city-w-book .w-list .active span {
    text-decoration: underline;
    color: #f30
}

.m-b .m-r .city-w-book .w-list li a {
    color: #333
}

.m-b .m-r .city-w-book .w-list li a:hover {
    cursor: pointer
}

.m-b .m-r .city-w-book .w-list .odd {
    background: #ebeff5
}

.m-b .m-r .city-w-book .w-list .w-c-name {
    width: 77px;
    _width: 75px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    float: left;
    display: block
}

.m-b .m-r .city-w-book .w-list .w-c-wea {
    width: 67px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    float: left;
    display: block;
    overflow: hidden
}

.m-b .m-r .city-w-book .w-list .w-c-temp {
    width: 73px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    float: left;
    display: block
}

.m-b .m-r .city-w-book .city-list {
    border-bottom: 1px solid #CDDEEE;
    border-left: 1px solid #CDDEEE;
    border-right: 1px solid #CDDEEE;
    width: 218px;
    float: left
}

.m-b .m-r .city-w-book .city-list .city-change {
    margin: 3px 0 0;
    float: left;
    border-bottom: 1px dashed #dadada;
    padding: 0 0 8px
}

.m-b .m-r .city-w-book .city-list .city-change li {
    width: 207px;
    height: 20px;
    float: left;
    padding-left: 11px;
    margin-top: 10px
}

.m-b .m-r .city-w-book .city-list .city-change span {
    font-size: 14px;
    float: left;
    display: inline
}

.m-b .m-r .city-w-book .city-list .city-change select {
    width: 138px;
    height: 20px;
    float: left;
    margin-left: 14px;
    padding: 1px
}

.m-b .m-r .city-w-book .city-list li.c-add {
    height: 22px;
    width: 138px;
    float: left;
    margin: 11px 0 0 35px;
    display: inline
}

.m-b .m-r .city-w-book .city-list li input {
    float: left;
    width: 53px;
    height: 22px;
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) no-repeat scroll -308px -96px transparent;
    border: 0 none;
    cursor: pointer
}

.m-b .m-r .city-w-book .city-list .city-added {
    width: 218px;
    float: left;
    padding-top: 10px
}

.m-b .m-r .city-w-book .city-list .city-added .city-added-t span {
    float: left;
    display: inline;
    font-size: 12px;
    color: #666
}

.m-b .m-r .city-w-book .city-list .city-added .city-added-t .title {
    margin-left: 11px
}

.m-b .m-r .city-w-book .city-list .city-selected {
    margin: 10px 0 0 9px;
    float: left;
    display: inline;
    overflow: hidden;
    width: 208px
}

.m-b .m-r .city-w-book .city-list .city-selected .selected-list {
    width: 208px
}

.m-b .m-r .city-w-book .city-list .city-selected .selected-list li {
    float: left;
    padding-bottom: 8px;
    width: 69px;
    text-align: center;
    height: 14px;
    line-height: 14px;
    overflow: hidden
}

.m-b .m-r .city-w-book .city-list .city-selected .selected-list li .selected-name {
    float: left;
    width: 48px;
    height: 14px;
    overflow: hidden
}

.m-b .m-r .city-w-book .city-list .city-selected .selected-list li .del-city {
    float: left;
    display: inline;
    width: 12px;
    height: 11px;
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) no-repeat -382px -102px;
    cursor: pointer;
    margin-top: 2px;
    margin-left: 5px
}

.m-b .m-r .city-w-book .city-list .city-selected .selected-list li .del-city:hover {
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) no-repeat -402px -102px
}

.m-b .m-r .city-w-book .city-list .city-added-tips {
    width: 207px;
    float: left;
    padding: 0 0 0 11px
}

.m-b .m-r .city-w-book .city-list .city-added-tips span {
    float: left;
    display: inline;
    color: #666;
    font-size: 12px
}

.m-b .m-r .city-w-book .city-list .sub-city {
    width: 218px;
    height: 30px;
    padding: 7px 0 0;
    background: #ebebeb;
    float: left;
    margin: 3px 0 0
}

.m-b .m-r .city-w-book .city-list .sub-city .sub {
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) no-repeat scroll -233px -96px transparent;
    border: 0 none;
    cursor: pointer;
    height: 22px;
    margin: 0 0 0 42px;
    width: 53px;
    float: left
}

.m-b .m-r .city-w-book .city-list .sub-city .sub-cancel {
    float: left;
    margin: 3px 0 0 10px;
    font-size: 12px;
    color: #0053a5;
    cursor: pointer
}

.m-b .m-r .city-w-book .city-list .sub-city span.active {
    float: left;
    margin: 3px 0 0 10px;
    font-size: 12px;
    color: red;
    cursor: pointer;
    text-decoration: underline
}

.m-b .m-r .city-w-book .city-list .sub-city .sub-cancel:hover {
    color: red;
    text-decoration: underline
}

.m-b .m-r .w-site {
    margin-top: 9px;
    float: left;
    background: #fff
}

.m-b .m-r .w-site .w-site-h {
    width: 220px;
    height: 30px
}

.m-b .m-r .w-site .w-site-h-l {
    width: 8px;
    height: 30px;
    float: left;
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) no-repeat scroll -27px -131px transparent
}

.m-b .m-r .w-site .w-site-h-r {
    width: 8px;
    height: 30px;
    float: left;
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) no-repeat scroll -45px -131px transparent
}

.m-b .m-r .w-site .w-site-h-c {
    width: 200px;
    height: 24px;
    float: left;
    border-top: 1px solid #E1E1E1;
    font-size: 14px;
    font-weight: 700;
    padding-top: 5px;
    padding-left: 4px;
    background-repeat: repeat-x
}

.m-b .m-r .w-site .w-site-h-c span {
    float: left;
    display: inline
}

.m-b .m-r .w-site .w-site-h-c .more {
    float: right;
    display: inline;
    font-weight: 400;
    font-size: 12px;
    color: #999
}

.m-b .m-r .w-site .w-site-h-c .more:hover {
    color: #f30
}

.m-b .m-r .w-site .w-site-h-c .show-tag {
    float: right;
    display: inline;
    margin-right: 4px;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: underline
}

.m-b .m-r .w-site .w-site-h-c .show-tag:hover {
    color: #0053A5
}

.m-b .m-r .w-site .w-site-c {
    width: 214px;
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
    padding-left: 4px;
    float: left;
    padding-top: 6px
}

.m-b .m-r .w-site .w-site-c ul {
    padding-bottom: 10px
}

.m-b .m-r .w-site .w-site-c li {
    position: relative;
    line-height: 20px;
    padding: 5px 5px 0 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 190px
}

.m-b .m-r .w-site .w-site-c li i {
    width: 2px;
    height: 2px;
    display: block;
    position: absolute;
    top: 15px;
    left: 6px;
    background: #464646;
    overflow: hidden
}

.m-b .m-r .w-site .w-site-c li a {
    color: #333
}

.m-b .m-r .w-site .w-site-c li a:hover {
    color: #f30
}

.m-b .m-r .w-site .w-site-c .w-site-data {
    width: 204px;
    padding-left: 8px;
    height: 28px;
    border-bottom: 1px dashed #dadada;
    line-height: 28px
}

.m-b .m-r .w-site .w-site-c .w-site-data a {
    font-size: 14px;
    width: 102px;
    float: left;
    text-align: left;
    color: #333;
    overflow: hidden
}

.m-b .m-r .w-site .w-site-c .w-site-data a:hover {
    color: #f30
}

.m-b .m-r .w-site .w-site-c div.last {
    border: 0 none
}

.m-b .m-r .w-site .w-site-b {
    float: left;
    display: inline;
    width: 220px
}

.m-b .m-r .w-site .w-site-b-l {
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) no-repeat scroll -66px -154px transparent;
    height: 3px;
    width: 3px;
    font-size: 0
}

.m-b .m-r .w-site .w-site-b-r {
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) no-repeat scroll -84px -154px transparent;
    height: 3px;
    width: 3px;
    font-size: 0
}

.m-b .m-r .w-site .w-site-b-c {
    border-bottom: 1px solid #E1E1E1;
    font-size: 0;
    height: 2px;
    width: 214px
}

#w-video .w-site-c li {
    padding-left: 24px;
    _width: 166px
}

#w-video .w-site-c li i {
    left: 15px
}

#w-video .w-site-c li .v-play {
    text-decoration: none;
    display: block;
    background: #333;
    height: 132px;
    overflow: hidden;
    cursor: pointer
}

#w-video .w-site-c li .v-prev, #w-video .w-site-c li .v-next {
    width: 15px;
    height: 32px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    z-index: 12;
    top: 45px;
    background: #000;
    opacity: .7;
    filter: alpha(opacity=70);
    display: inline-block;
    zoom: 1;
    *display: inline;
    text-decoration: none;
    line-height: 32px;
    display: none
}

#w-video .w-site-c li .v-prev {
    left: 0
}

#w-video .w-site-c li .v-next {
    right: 0
}

#w-video .w-site-c li .view-video {
    width: 180px;
    height: 132px;
    overflow: hidden;
    display: block;
    margin-left: -10px;
    position: relative
}

#w-video .w-site-c li .v-play span {
    width: 45px;
    height: 45px;
    display: block;
    position: absolute;
    top: 50px;
    left: 80px;
    background: url(http://s2.hao123img.com/resource/tianqi/img/play_8e9cf8b.png) no-repeat 0 0 transparent;
    _background: 0 0;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://s2.hao123img.com/resource/tianqi/img/play_8e9cf8b.png")
}

.m-b .m-r .erwei-code {
    position: absolute;
    width: 88px;
    height: 149px;
    left: 227px;
    top: 203px;
    display: inline;
    float: left
}

.m-b .m-r .erwei-code .title {
    width: 29px;
    height: 74px;
    background: url(http://s0.hao123img.com/resource/tianqi/img/ph-icon_4299935.png) no-repeat;
    cursor: pointer;
    position: relative
}

.m-b .m-r .erwei-code .content {
    float: left
}

.m-b .m-r .erwei-code .close {
    position: relative;
    top: 1px;
    left: 0;
    float: right;
    width: 22px;
    height: 18px;
    background: url(http://s2.hao123img.com/resource/tianqi/img/close-icon_28ba57e.png) #f1f5f5;
    border: 1px solid #e1e1e1;
    border-bottom: 0 none;
    cursor: pointer
}

.m-b .m-r .erwei-code .code-pic {
    border: 1px solid #e1e1e1;
    padding: 3px;
    background: url(http://s0.hao123img.com/res/img/qrcode/tianqi/erwei.jpg) no-repeat #f1f5f5 3px 3px;
    width: 80px;
    height: 80px;
    float: left;
    margin-bottom: 6px
}

.m-b .m-r .erwei-code .code-des {
    float: left;
    width: 88px;
    text-align: center;
    font-size: 12px;
    color: #999;
    line-height: 18px
}

.w-footer {
    width: 960px;
    margin: 18px auto 0
}

.w-footer p {
    text-align: center
}

.w-footer .w-ad a {
    color: #666;
    cursor: pointer
}

.w-footer .w-ad a:hover {
    color: red
}

.w-footer .copyright {
    margin: 6px 0 0;
    _margin: 4px 0 0;
    color: #cacadd
}

.w-footer .copyright a {
    color: #666
}

.flash {
    margin: 0 auto;
    width: 960px;
    background: #C0D8FD;
    display: none;
    z-index: 100
}

.flash .flash-t {
    width: 960;
    height: 30px;
    background: #fff
}

.flash .flash-t-l {
    width: 8px;
    height: 29px;
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) no-repeat -27px -131px;
    float: left
}

.flash .flash-t-c {
    width: 944px;
    height: 29px;
    float: left;
    border-top: 1px solid #e1e1e1;
    background: url(http://s1.hao123img.com/resource/tianqi/img/flash-banner_11d2050.png) repeat-x
}

.flash .flash-t-r {
    width: 8px;
    height: 29px;
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) no-repeat -45px -131px;
    float: left
}

.flash .flash-t-c .flash-title {
    font-size: 14px;
    margin: 4px 0 0 9px;
    font-weight: 700
}

.flash .flash-t-c .flash-close {
    width: 17px;
    height: 17px;
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) -423px -96px no-repeat;
    margin: 5px 1px 0 0;
    float: right;
    cursor: pointer
}

.flash .flash-content {
    padding: 0 80px 20px;
    width: 798px;
    float: left;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1
}

.flash .flash-f {
    width: 960px;
    height: 3px;
    float: left
}

.flash .flash-f .flash-f-l {
    width: 3px;
    height: 3px;
    float: left;
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) -93px -154px no-repeat
}

.flash .flash-f .flash-f-c {
    width: 954px;
    height: 2px;
    border-bottom: 1px solid #e1e1e1;
    float: left
}

.flash .flash-f .flash-f-r {
    width: 3px;
    height: 3px;
    float: left;
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) -100px -154px no-repeat
}

.hidden {
    width: 0;
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 0;
    visibility: hidden;
    overflow: hidden
}

#query .query-section {
    width: 204px;
    float: left;
    display: inline;
    margin: 10px 6px 0 3px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #d4d4d4;
    position: relative
}

#query .query-section .query-key {
    float: left;
    display: inline;
    border: 0 none;
    height: 22px;
    line-height: 22px;
    width: 142px;
    margin-left: 3px;
    padding-left: 3px;
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) no-repeat -134px -135px
}

#query .query-section .query-btn {
    float: left;
    display: inline;
    border: 0 none;
    height: 22px;
    width: 50px;
    margin-left: 3px;
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) no-repeat -287px -135px;
    text-indent: -9999px;
    cursor: pointer
}

#query .city-reco-list {
    width: 204px;
    margin: 3px 0 3px 7px;
    float: left;
    display: inline
}

#query .city-reco-list span {
    float: left;
    display: inline;
    width: 48px;
    height: 18px;
    margin-left: 3px;
    text-align: left;
    overflow: hidden;
    margin-top: 8px;
    _background: #fff
}

#query .city-reco-list span a {
    font-size: 12px;
    color: #333;
    cursor: pointer;
    float: left
}

#query .city-reco-list span a.cur {
    color: #f50;
    text-decoration: underline
}

#query #quick-access-tip {
    width: 33px;
    height: 184px;
    background: url(http://s0.hao123img.com/resource/tianqi/img/sprite_28d25d7.png) no-repeat -353px -135px;
    position: absolute;
    left: 204px;
    top: 5px
}

#query #quick-access-tip .close {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 12px;
    top: 165px;
    cursor: pointer
}

#city-sug {
    width: 218px;
    border: 1px solid #abadb3;
    position: absolute;
    left: 3px;
    top: 22px;
    background: #fff;
    z-index: 999;
    display: none
}

#city-sug .cityname {
    float: left;
    display: inline;
    width: 214px;
    height: 24px;
    line-height: 24px;
    padding-left: 4px;
    color: #555;
    font-size: 12px;
    cursor: pointer
}

#city-sug .cityname.cur {
    background: #4778da;
    color: #fff
}

#city-sug .cityname .name {
    float: left;
    display: inline
}

#city-sug .cityname .short-name {
    float: left;
    display: inline;
    margin-left: 3px;
    margin-top: 0 \0;
    margin-top: 0 \9;
    *margin-top: 0
}

#city-sug .cityname em {
    color: #f60
}

#city-sug .notfound {
    float: left;
    display: inline;
    width: 181px;
    height: 24px;
    line-height: 24px;
    padding-left: 4px;
    color: #fff;
    font-size: 12px;
    background: #c30
}

#app .appdata, #wallpaper .appdata {
    width: 800px;
    margin-left: 12px
}

#app .appdata li {
    float: left;
    margin-right: 26px;
    margin-top: 10px;
    padding-bottom: 10px
}

#app .appdata li a {
    color: #666
}

#app .appdata li a:hover {
    color: #f30
}

#app .appdata li a:hover i {
    text-decoration: underline
}

#app .appdata li i {
    display: block;
    text-align: center;
    *padding-top: 6px
}

#app .appdata li img {
    width: 65px;
    height: 65px
}

#wallpaper .appdata li {
    float: left;
    padding: 15px 13px 15px 6px;
    width: 160px;
    height: 90px
}

.desktop-layer, .mobile-layer {
    background-image: none
}

.w-other-city-wrp {
    margin-top: 10px;
    width: 100%;
    display: inline-block
}

.w-other-city-wrp #w_other .tab-tabs-item-txt {
    width: 99px
}

.w-other-city-wrp #w_other .tab-contents {
    height: auto
}

.w-other-city-wrp #w_other .tab-contents li {
    width: 115px
}

.popup-new {
    display: none;
    position: absolute;
    width: 100px;
    height: 117px;
    top: 30px;
    left: 50%;
    background-color: #f0f0f0;
    margin-left: 305px;
    z-index: 10
}

.hover {
    display: block
}

.popup-new .word {
    text-align: center;
    color: #666;
    line-height: 27px
}

.popup-new .pic-wrap {
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    border: 5px solid #fff
}

.popup-new .pic-wrap img {
    display: block;
    width: 100%;
    height: 100%
}

.popup-new .close {
    position: absolute;
    right: -20px;
    top: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background: url(http://s2.hao123img.com/resource/fe/pkg/common-header-aio_z_a4ca8ba.png) -103px -106px #f0f0f0 no-repeat
}

.w-status {
    position: relative
}

.w-status .cover {
    width: 730px;
    height: 193px;
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
    background: url(http://s0.hao123img.com/resource/tianqi/img/weather/downbg_506afdf.png) 0 0 no-repeat;
    overflow: hidden;
    text-indent: -999px
}

.w-status .download {
    display: block;
    width: 100%;
    height: 100%
}

#page-header .search-box {
    z-index: 1
}

#hd {
    z-index: 100;
    position: relative
}

.m-b .m-r .m-w-map .m-w-map-h .m-w-map-h-c {
    background-position: 0px 0px
}

.m-b .m-r .w-site .w-site-h-c {
    background-position: 0px 0px
}

.m-b .m-r .city-w-book .city-booked .w-city-h {
    background-position: 0px -59px
}

.m-b .m-r .m-w-map .m-w-map-h .m-w-map-h-c, .m-b .m-r .w-site .w-site-h-c, .m-b .m-r .city-w-book .city-booked .w-city-h {
    background-image: url(http://s1.hao123img.com/resource/tianqi/pkg/aio_x_5d15387.png)
}

.footdh{ font-size:12px; background-color:#f7fafb; line-height:32px; text-align:center; letter-spacing:1px; color:#cccccc; margin-top:15px;  }



.foot{margin:0 auto;padding:15px; padding-top:15px; background-color:#FFFFFF; line-height:25px; height:auto; margin-top:10px; text-align:center; color:#666666; height:auto; font-size:12px;}

.foot span{color:#666666}
.m-b .mob-jg {
    background: url(http://www.hao123.com/images/caipiao/mob-icon.png) no-repeat scroll left center transparent;
    color: #FC5433;
    font-size: 12px;
    height: 18px;
    padding: 2px 0 0 19px;
    position: absolute;
    right: 2px;
    top: -24px;
    z-index: 100;
    _zoom: 1;
}

.w-taobao-banner {
    float: left;
    display: block;
    width: 200px;
    padding: 10px 10px;
    margin-top: 10px;
    background: #fff;
}